diff --git a/README.md b/README.md index 5632f2e..55c4d17 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ Usage: `./install.sh` **[OPTIONS...]** |-c, --color | Specify theme color variant(s) **[light/dark]** (Default: All variants)| |-o, --opacity | Specify theme opacity variant(s) **[standard/solid]** (Default: All variants)| |-a, --alt | Specify titlebutton variant(s) **[standard/alt]** (Default: All variants)| -|-t, --theme | Change the theme color **[default/blue/purple/pink/red/orange/yellow/green/grey]** (Default: MacOS blue)| +|-t, --theme | Specify primary theme color variant(s) **[default/blue/purple/pink/red/orange/yellow/green/grey]** (Default: MacOS blue)| |-p, --panel | Change the panel opacty **[default/25/35/45/55/65/75/85]** (Default: 16)| |-s, --size | Change the nautilus sidebar width size **[default/220/240/260/280]** (Default: 200px)| |-i, --icon | Activities icon variant(s) **[standard/normal/gnome/ubuntu/arch/manjaro/fedora/debian/void]** (Default: standard variant)| @@ -55,9 +55,9 @@ Usage: `./install.sh` **[OPTIONS...]** |-dialog, --dialog | Run terminal dialog, this will Run terminal dialog to install themes!| |-h, --help | Show this help| -###

1. Change theme accent color

-If you want to change theme accent! (Default color is default MacOS color) -then you can run: +###

1. Change primary theme color

+If you want to change primary theme color! (Default color is default MacOS blue) +then you can run: 'for example' ```bash ./install.sh -t green # Install green accent color version ``` @@ -65,7 +65,7 @@ then you can run: ###

2. Install GDM theme

If you want to install GDM theme! -then you can run: +then you can run: 'for example' ```bash sudo ./install.sh -g # install default dark version @@ -78,7 +78,7 @@ sudo ./install.sh -g -r # remove installed GDM theme ###

3. Change nautilus sidebar width size

If you want to change nautilus sidebar width size! (Default size is 200px) (Nautilus cannot change the structure of the sidebar, so I added a picture as a background to achieve the effect of bigsur) -then you can run: +then you can run: 'for example' ```bash ./install.sh -s 260 # Install 260px width version ``` @@ -86,7 +86,7 @@ then you can run: ###

4. Change gnome-shell activities icon

If you want to change gnome-shell activities icon! (Default icon is Apple) -then you can run: (For example: Install Manjaro icon) +then you can run: 'for example: Install Manjaro icon' ```bash ./install.sh -i manjaro ``` diff --git a/install.sh b/install.sh index a6cbac5..643a2f3 100755 --- a/install.sh +++ b/install.sh @@ -20,8 +20,8 @@ THEME_NAME=WhiteSur COLOR_VARIANTS=('-light' '-dark') OPACITY_VARIANTS=('' '-solid') ALT_VARIANTS=('' '-alt') +THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') ICON_VARIANTS=('' '-normal' '-gnome' '-ubuntu' '-arch' '-manjaro' '-fedora' '-debian' '-void') -THEME_COLOR_VARIANTS=('default' 'blue' 'purple' 'pink' 'red' 'orange' 'yellow' 'green' 'grey') SIDEBAR_SIZE_VARIANTS=('default' '220' '240' '260' '280') PANEL_OPACITY_VARIANTS=('default' '25' '35' '45' '55' '65' '75' '85') @@ -75,7 +75,7 @@ usage() { printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" printf " %-25s%s\n" "-a, --alt VARIANTS" "Specify theme titlebutton variant(s) [standard|alt] (Default: All variants)" - printf " %-25s%s\n" "-t, --theme VARIANTS" "Change the theme color [blue|purple|pink|red|orange|yellow|green|grey] (Default: MacOS blue)" + printf " %-25s%s\n" "-t, --theme VARIANTS" "Specify primary theme color [blue|purple|pink|red|orange|yellow|green|grey] (Default: MacOS blue)" printf " %-25s%s\n" "-p, --panel VARIANTS" "Change the panel transparency [25|35|45|55|65|75|85] (Default: 85%)" printf " %-25s%s\n" "-s, --size VARIANTS" "Change the nautilus sidebar width size [220|240|260|280] (Default: 200)" printf " %-25s%s\n" "-i, --icon VARIANTS" "Change gnome-shell activities icon [standard|normal|gnome|ubuntu|arch|manjaro|fedora|debian|void] (Default: standard)" @@ -88,41 +88,45 @@ install() { local color=${3} local opacity=${4} local alt=${5} - local icon=${6} - local panel_opacity=${7} - local sidebar_size=${8} - local theme_color=${9} + local theme=${6} + local icon=${7} + local panel_opacity=${8} + local sidebar_size=${9} [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} - local THEME_DIR=${1}/${2}${3}${4}${5} + local THEME_DIR=${1}/${2}${3}${4}${5}${6} [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} prompt -i "Installing '${THEME_DIR}'..." mkdir -p ${THEME_DIR} - cp -r ${REPO_DIR}/COPYING ${THEME_DIR} echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme - echo "Name=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme - echo "Comment=A Stylish Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme + echo "Name=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme + echo "Comment=A MacOS BigSur like 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=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme - echo "MetacityTheme=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme - echo "IconTheme=McMojave-circle" >> ${THEME_DIR}/index.theme - echo "CursorTheme=McMojave-circle" >> ${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=${2}${3}" >> ${THEME_DIR}/index.theme + echo "CursorTheme=${2}${3}" >> ${THEME_DIR}/index.theme echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme mkdir -p ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/assets/gnome-shell/icons ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/main/gnome-shell/pad-osd.css ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}.css ${THEME_DIR}/gnome-shell/gnome-shell.css + cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}${theme}.css ${THEME_DIR}/gnome-shell/gnome-shell.css cp -r ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets + + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/gnome-shell/common-assets${theme}/*.svg ${THEME_DIR}/gnome-shell/assets + fi + cp -r ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg @@ -137,22 +141,31 @@ install() { fi mkdir -p ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc + cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme} ${THEME_DIR}/gtk-2.0/gtkrc cp -r ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc cp -r ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color}${theme}/*.png ${THEME_DIR}/gtk-2.0/assets + fi + mkdir -p ${THEME_DIR}/gtk-3.0 cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 + + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets${theme}/*.png ${THEME_DIR}/gtk-3.0/assets + fi + cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/sidebar-assets/*.png ${THEME_DIR}/gtk-3.0/assets cp -r ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton${alt} ${THEME_DIR}/gtk-3.0/windows-assets - cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnail${color}.png ${THEME_DIR}/gtk-3.0/thumbnail.png - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css + cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/gtk-3.0/thumbnail.png + cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css if [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css + cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css else - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css + cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css fi glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml @@ -172,10 +185,15 @@ install() { cp -r ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc mkdir -p ${THEME_DIR}/cinnamon - cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}.css ${THEME_DIR}/cinnamon/cinnamon.css + cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}${theme}.css ${THEME_DIR}/cinnamon/cinnamon.css cp -r ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets + + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/cinnamon/common-assets${theme}/*.svg ${THEME_DIR}/cinnamon/assets + fi + cp -r ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/thumbnail${color}.png ${THEME_DIR}/cinnamon/thumbnail.png + cp -r ${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/cinnamon/thumbnail.png mkdir -p ${THEME_DIR}/plank cp -r ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank @@ -185,11 +203,11 @@ install_theme() { for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do - for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do - for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - for theme_color in "${theme_colors[@]-${THEME_COLOR_VARIANTS[0]}}"; do - install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${icon}" "${panel_opacity}" "${sidebar_size}" "${theme_color}" + for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do + for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do + for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do + for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do + install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${theme}" "${icon}" "${panel_opacity}" "${sidebar_size}" done done done @@ -199,16 +217,14 @@ install_theme() { done if [[ -x /usr/bin/notify-send ]]; then - notify-send "Finished" "Enjoy your ${THEME_NAME} "${theme_color}" theme!" -i face-smile + notify-send "Finished" "Enjoy your ${THEME_NAME} "${theme}" theme!" -i face-smile fi } install_customize_theme() { for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - for theme_color in "${theme_colors[@]-${THEME_COLOR_VARIANTS[0]}}"; do - customize_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" - done + customize_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" done done } @@ -217,7 +233,9 @@ remove_theme() { for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - [[ -d "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}" ]] && rm -rf "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}" + for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do + [[ -d "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" ]] && rm -rf "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" + done done done done @@ -233,11 +251,6 @@ customize_theme() { if [[ "${size:-}" == 'true' && "${sidebar_size:-}" != 'default' ]]; then change_size fi - - # Change accent color - if [[ "${theme:-}" == 'true' && "${theme_color:-}" != 'default' ]]; then - change_theme_color - fi } # Backup and install files related to GDM theme @@ -249,9 +262,6 @@ ETC_NEW_THEME_FILE="/etc/alternatives/gdm3-theme.gresource" UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" UBUNTU_YARU_THEME_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" -UBUNTU_JSON_FILE="/usr/share/gnome-shell/modes/ubuntu.json" -YURA_JSON_FILE="/usr/share/gnome-shell/modes/yaru.json" -UBUNTU_MODES_FOLDER="/usr/share/gnome-shell/modes" install_gdm() { local GDM_THEME_DIR="${1}/${2}${3}" @@ -319,9 +329,6 @@ install_gdm() { "$SRC_DIR"/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml rm -rf "$YARU_GDM_THEME_DIR" - # [[ -d "$UBUNTU_MODES_FOLDER" ]] && cp -an "$UBUNTU_MODES_FOLDER" "$UBUNTU_MODES_FOLDER"-bak - # [[ -f "$UBUNTU_JSON_FILE" ]] && sed -i "s|Yaru/gnome-shell.css|gnome-shell.css|" "$UBUNTU_JSON_FILE" - # [[ -f "$YURA_JSON_FILE" ]] && sed -i "s|Yaru/gnome-shell.css|gnome-shell.css|" "$YURA_JSON_FILE" fi } @@ -382,30 +389,6 @@ install_dialog() { customize_theme_dialogs() { if [[ -x /usr/bin/dialog ]]; then - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your theme color (default is Mac Blue):" 20 50 10 \ - 0 "default" on \ - 1 "Blue" off \ - 2 "Purple" off \ - 3 "Pink" off \ - 4 "Red" off \ - 5 "Orange" off \ - 6 "Yellow" off \ - 7 "Green" off \ - 8 "Grey" off --output-fd 1 ) - case "$tui" in - 0) theme_color="default" ;; - 1) theme_color="blue" ;; - 2) theme_color="purple" ;; - 3) theme_color="pink" ;; - 4) theme_color="red" ;; - 5) theme_color="orange" ;; - 6) theme_color="yellow" ;; - 7) theme_color="green" ;; - 8) theme_color="grey" ;; - *) operation_canceled ;; - esac - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ --radiolist "Choose your panel background opacity (default is 0.16, value more smaller panel more transparency!):" 20 50 10 \ @@ -448,7 +431,7 @@ customize_theme_dialogs() { } run_customize_theme_dialogs() { - install_dialog && customize_theme_dialogs && change_theme_color && change_transparency && change_size && parse_sass + install_dialog && customize_theme_dialogs && change_transparency && change_size && parse_sass } parse_sass() { @@ -471,160 +454,17 @@ change_transparency() { fi } -change_theme_color() { - if [[ -x /usr/bin/notify-send ]]; then - notify-send "Notice" "It will take a few minutes to regenerate the assets files, please be patient!" -i face-wink - fi - - cd ${SRC_DIR}/sass - sed -i.bak "/\$selected_bg_color/s/theme_color_default/theme_color_${theme_color}/" _colors.scss - - if [[ ${theme_color} == 'blue' ]]; then - local accent="#2E7CF7" - elif [[ ${theme_color} == 'purple' ]]; then - local accent="#9A57A3" - elif [[ ${theme_color} == 'pink' ]]; then - local accent="#E55E9C" - elif [[ ${theme_color} == 'red' ]]; then - local accent="#ED5F5D" - elif [[ ${theme_color} == 'orange' ]]; then - local accent="#E9873A" - elif [[ ${theme_color} == 'yellow' ]]; then - local accent="#F3BA4B" - elif [[ ${theme_color} == 'green' ]]; then - local accent="#79B757" - elif [[ ${theme_color} == 'grey' ]]; then - local accent="#8C8C8C" - elif [[ ${theme_color} == 'default' ]]; then - local accent="#0860F2" - else - prompt -i "\n Run ./install.sh -h for help or install dialog" - prompt -i "\n Run ./install.sh again!" - exit 0 - fi - - if [[ "${theme_color:-}" != 'default' ]]; then - cd ${SRC_DIR}/assets/gtk-3.0 - mv -f thumbnail-dark.png thumbnail-dark.png.bak - mv -f thumbnail-light.png thumbnail-light.png.bak - sed -i.bak "s/#0860f2/${accent}/g" thumbnail.svg - ./render-thumbnails.sh - - cd ${SRC_DIR}/assets/gtk-3.0/common-assets - cp -an assets assets-bak - sed -i.bak "s/#0860f2/${accent}/g" assets.svg - ./render-assets.sh - - cd ${SRC_DIR}/assets/gnome-shell/common-assets - sed -i.bak "s/#0860f2/${accent}/g" {checkbox.svg,more-results.svg,toggle-on.svg} - - cd ${SRC_DIR}/main/gtk-2.0 - sed -i.bak "s/#0860f2/${accent}/g" {gtkrc-dark,gtkrc-light} - - cd ${SRC_DIR}/assets/gtk-2.0 - cp -an assets-dark assets-dark-bak - cp -an assets-light assets-light-bak - sed -i.bak "s/#0860f2/${accent}/g" {assets-dark.svg,assets-light.svg} - ./render-assets.sh - - cd ${SRC_DIR}/assets/cinnamon - mv -f thumbnail-dark.png thumbnail-dark.png.bak - mv -f thumbnail-light.png thumbnail-light.png.bak - sed -i.bak "s/#0860f2/${accent}/g" thumbnail.svg - ./render-thumbnails.sh - - cd ${SRC_DIR}/assets/cinnamon/common-assets - sed -i.bak "s/#0860f2/${accent}/g" {checkbox.svg,radiobutton.svg,menu-hover.svg,add-workspace-active.svg,corner-ripple.svg,toggle-on.svg} - - prompt -w "Change theme color ..." - fi -} - -restore_assets_files() { - echo " restore gtk-3.0 thumbnail files" - mv -f "$SRC_DIR/assets/gtk-3.0/thumbnail.svg.bak" "$SRC_DIR/assets/gtk-3.0/thumbnail.svg" - mv -f "$SRC_DIR/assets/gtk-3.0/thumbnail-dark.png.bak" "$SRC_DIR/assets/gtk-3.0/thumbnail-dark.png" - mv -f "$SRC_DIR/assets/gtk-3.0/thumbnail-light.png.bak" "$SRC_DIR/assets/gtk-3.0/thumbnail-light.png" - - echo " restore gtk-3.0 assets files" - mv -f "$SRC_DIR/assets/gtk-3.0/common-assets/assets.svg.bak" "$SRC_DIR/assets/gtk-3.0/common-assets/assets.svg" - - if [[ -d "$SRC_DIR/assets/gtk-3.0/common-assets/assets-bak" ]]; then - rm -rf "$SRC_DIR/assets/gtk-3.0/common-assets/assets" - mv -f "$SRC_DIR/assets/gtk-3.0/common-assets/assets-bak" "$SRC_DIR/assets/gtk-3.0/common-assets/assets" - fi - - echo "...restore gnome-shell assets files" - cd "$SRC_DIR/assets/gnome-shell/common-assets" - mv -f checkbox.svg.bak checkbox.svg - mv -f more-results.svg.bak more-results.svg - mv -f toggle-on.svg.bak toggle-on.svg - - echo "...restore gtk-2.0 gtkrc files" - cd "$SRC_DIR/main/gtk-2.0" - mv -f gtkrc-dark.bak gtkrc-dark - mv -f gtkrc-light.bak gtkrc-light - - echo "...restore gtk-2.0 assets files" - cd "${SRC_DIR}/assets/gtk-2.0" - mv -f assets-dark.svg.bak assets-dark.svg - mv -f assets-light.svg.bak assets-light.svg - - if [[ -d assets-dark-bak ]]; then - rm -rf assets-dark/ - mv -f assets-dark-bak assets-dark - fi - - if [[ -d assets-light-bak ]]; then - rm -rf assets-light/ - mv -f assets-light-bak assets-light - fi - - echo "...restore cinnamon thumbnail files" - cd "$SRC_DIR/assets/cinnamon" - mv -f thumbnail.svg.bak thumbnail.svg - mv -f thumbnail-dark.png.bak thumbnail-dark.png - mv -f thumbnail-light.png.bak thumbnail-light.png - - echo "...restore cinnamon assets files" - cd "$SRC_DIR/assets/cinnamon/common-assets" - mv -f checkbox.svg.bak checkbox.svg - mv -f radiobutton.svg.bak radiobutton.svg - mv -f add-workspace-active.svg.bak add-workspace-active.svg - mv -f menu-hover.svg.bak menu-hover.svg - mv -f toggle-on.svg.bak toggle-on.svg - mv -f corner-ripple.svg.bak corner-ripple.svg - - prompt -w "Restore assets files finished!..." -} - restore_files() { - local restore_file='false' - if [[ -f ${SRC_DIR}/sass/gtk/_applications.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass/gtk rm -rf _applications.scss mv -f _applications.scss.bak _applications.scss prompt -w "Restore _applications.scss file ..." fi - if [[ -f ${SRC_DIR}/sass/_colors.scss.bak ]]; then - - local restore_file='true' - - cd ${SRC_DIR}/sass - rm -rf _colors.scss - mv -f _colors.scss.bak _colors.scss - prompt -w "Restore _colors.scss file ..." - fi - if [[ -f ${SRC_DIR}/sass/_variables.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass rm -rf _variables.scss mv -f _variables.scss.bak _variables.scss @@ -634,10 +474,6 @@ restore_files() { if [[ "${restore_file:-}" == 'true' ]]; then parse_sass fi - - if [[ -f "${SRC_DIR}"/assets/gtk-3.0/thumbnail.svg.bak ]]; then - restore_assets_files - fi } while [[ $# -gt 0 ]]; do @@ -787,51 +623,52 @@ while [[ $# -gt 0 ]]; do done ;; -t|--theme) - theme='true' shift - for theme_color in "${@}"; do - case "${theme_color}" in + for theme in "${@}"; do + case "${theme}" in default) - theme_colors+=("${THEME_COLOR_VARIANTS[0]}") + themes+=("${THEME_VARIANTS[0]}") shift ;; blue) - theme_colors+=("${THEME_COLOR_VARIANTS[1]}") + themes+=("${THEME_VARIANTS[1]}") shift ;; purple) - theme_colors+=("${THEME_COLOR_VARIANTS[2]}") + themes+=("${THEME_VARIANTS[2]}") shift ;; pink) - theme_colors+=("${THEME_COLOR_VARIANTS[3]}") + themes+=("${THEME_VARIANTS[3]}") shift ;; red) - theme_colors+=("${THEME_COLOR_VARIANTS[4]}") + themes+=("${THEME_VARIANTS[4]}") shift ;; orange) - theme_colors+=("${THEME_COLOR_VARIANTS[5]}") + themes+=("${THEME_VARIANTS[5]}") shift ;; yellow) - theme_colors+=("${THEME_COLOR_VARIANTS[6]}") + themes+=("${THEME_VARIANTS[6]}") shift ;; green) - theme_colors+=("${THEME_COLOR_VARIANTS[7]}") + themes+=("${THEME_VARIANTS[7]}") shift ;; grey) - theme_colors+=("${THEME_COLOR_VARIANTS[8]}") + themes+=("${THEME_VARIANTS[8]}") shift ;; -*|--*) break ;; *) - customize_theme_dialogs + prompt -e "ERROR: Unrecognized theme variant '$1'." + prompt -i "Try '$0 --help' for more information." + exit 1 ;; esac done @@ -953,16 +790,16 @@ if [[ "${remove:-}" != 'true' && "${gdm:-}" != 'true' ]]; then run_customize_theme_dialogs fi - if [[ "${theme:-}" != 'true' && "${size:-}" != 'true' && "${panel:-}" != 'true' ]]; then + if [[ "${size:-}" != 'true' && "${panel:-}" != 'true' ]]; then install_theme else - install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" + install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}" fi fi # Install GDM theme if [[ "${gdm:-}" == 'true' && "${remove:-}" != 'true' && "$UID" -eq "$ROOT_UID" ]]; then - install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme_color}" + install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme}" fi # Remove themes diff --git a/parse-sass.sh b/parse-sass.sh index 8cfade9..ffe051e 100755 --- a/parse-sass.sh +++ b/parse-sass.sh @@ -37,25 +37,38 @@ if [ ! -z "${TRANS_VARIANTS:-}" ]; then IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" fi +_THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') +if [ ! -z "${THEME_VARIANTS:-}" ]; then + IFS=', ' read -r -a _THEME_VARIANTS <<< "${THEME_VARIANTS:-}" +fi + for color in "${_COLOR_VARIANTS[@]}"; do for trans in "${_TRANS_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}.{scss,css} - echo "==> Generating the gtk${color}${trans}.css..." - sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}.{scss,css} - echo "==> Generating the cinnamon${color}${trans}.css..." + for theme in "${_THEME_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}${theme}.{scss,css} + echo "==> Generating the gtk${color}${trans}${theme}.css..." + sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}${theme}.{scss,css} + echo "==> Generating the cinnamon${color}${trans}${theme}.css..." + done done done for color in "${_COLOR_VARIANTS[@]}"; do for trans in "${_TRANS_VARIANTS[@]}"; do for alt in "${_ALT_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}${alt}.{scss,css} - echo "==> Generating the gnome-shell${color}${trans}${alt}.css..." + for theme in "${_THEME_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}${alt}${theme}.{scss,css} + echo "==> Generating the gnome-shell${color}${trans}${alt}${theme}.css..." + done done done +done - sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}.{scss,css} - echo "==> Generating the gdm3${color}.css..." +for color in "${_COLOR_VARIANTS[@]}"; do + for theme in "${_THEME_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}${theme}.{scss,css} + echo "==> Generating the gdm3${color}${theme}.css..." + done done sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css} diff --git a/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg b/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg new file mode 100644 index 0000000..189a763 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/checkbox.svg b/src/assets/cinnamon/common-assets-blue/checkbox.svg new file mode 100644 index 0000000..6e84255 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/corner-ripple.svg b/src/assets/cinnamon/common-assets-blue/corner-ripple.svg new file mode 100644 index 0000000..aa5e435 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/menu-hover.svg b/src/assets/cinnamon/common-assets-blue/menu-hover.svg new file mode 100644 index 0000000..88f31c9 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/radiobutton.svg b/src/assets/cinnamon/common-assets-blue/radiobutton.svg new file mode 100644 index 0000000..b33ed4d --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/toggle-on.svg b/src/assets/cinnamon/common-assets-blue/toggle-on.svg new file mode 100644 index 0000000..3ecb0f5 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/add-workspace-active.svg b/src/assets/cinnamon/common-assets-green/add-workspace-active.svg new file mode 100644 index 0000000..4a7a029 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/checkbox.svg b/src/assets/cinnamon/common-assets-green/checkbox.svg new file mode 100644 index 0000000..86d54de --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/corner-ripple.svg b/src/assets/cinnamon/common-assets-green/corner-ripple.svg new file mode 100644 index 0000000..08480a8 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-green/menu-hover.svg b/src/assets/cinnamon/common-assets-green/menu-hover.svg new file mode 100644 index 0000000..16dd9ef --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/radiobutton.svg b/src/assets/cinnamon/common-assets-green/radiobutton.svg new file mode 100644 index 0000000..d9ff405 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/toggle-on.svg b/src/assets/cinnamon/common-assets-green/toggle-on.svg new file mode 100644 index 0000000..6edb6b5 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg b/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg new file mode 100644 index 0000000..84b4b2e --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/checkbox.svg b/src/assets/cinnamon/common-assets-grey/checkbox.svg new file mode 100644 index 0000000..9db08dd --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/corner-ripple.svg b/src/assets/cinnamon/common-assets-grey/corner-ripple.svg new file mode 100644 index 0000000..fe1c1ba --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/menu-hover.svg b/src/assets/cinnamon/common-assets-grey/menu-hover.svg new file mode 100644 index 0000000..d2b135f --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/radiobutton.svg b/src/assets/cinnamon/common-assets-grey/radiobutton.svg new file mode 100644 index 0000000..a873360 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/toggle-on.svg b/src/assets/cinnamon/common-assets-grey/toggle-on.svg new file mode 100644 index 0000000..05d6121 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg b/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg new file mode 100644 index 0000000..12a3177 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/checkbox.svg b/src/assets/cinnamon/common-assets-orange/checkbox.svg new file mode 100644 index 0000000..a149a33 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/corner-ripple.svg b/src/assets/cinnamon/common-assets-orange/corner-ripple.svg new file mode 100644 index 0000000..90aa9e5 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/menu-hover.svg b/src/assets/cinnamon/common-assets-orange/menu-hover.svg new file mode 100644 index 0000000..b2aebc1 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/radiobutton.svg b/src/assets/cinnamon/common-assets-orange/radiobutton.svg new file mode 100644 index 0000000..7001013 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/toggle-on.svg b/src/assets/cinnamon/common-assets-orange/toggle-on.svg new file mode 100644 index 0000000..bf2f8f3 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg b/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg new file mode 100644 index 0000000..cf935e7 --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/checkbox.svg b/src/assets/cinnamon/common-assets-pink/checkbox.svg new file mode 100644 index 0000000..34ab206 --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/corner-ripple.svg b/src/assets/cinnamon/common-assets-pink/corner-ripple.svg new file mode 100644 index 0000000..0023e26 --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/menu-hover.svg b/src/assets/cinnamon/common-assets-pink/menu-hover.svg new file mode 100644 index 0000000..a730c2c --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/radiobutton.svg b/src/assets/cinnamon/common-assets-pink/radiobutton.svg new file mode 100644 index 0000000..5d4dccd --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/toggle-on.svg b/src/assets/cinnamon/common-assets-pink/toggle-on.svg new file mode 100644 index 0000000..e16d5f8 --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg b/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg new file mode 100644 index 0000000..6becf43 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/checkbox.svg b/src/assets/cinnamon/common-assets-purple/checkbox.svg new file mode 100644 index 0000000..51385ec --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/corner-ripple.svg b/src/assets/cinnamon/common-assets-purple/corner-ripple.svg new file mode 100644 index 0000000..3894877 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/menu-hover.svg b/src/assets/cinnamon/common-assets-purple/menu-hover.svg new file mode 100644 index 0000000..2b1ac42 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/radiobutton.svg b/src/assets/cinnamon/common-assets-purple/radiobutton.svg new file mode 100644 index 0000000..da6e278 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/toggle-on.svg b/src/assets/cinnamon/common-assets-purple/toggle-on.svg new file mode 100644 index 0000000..4f5b777 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/add-workspace-active.svg b/src/assets/cinnamon/common-assets-red/add-workspace-active.svg new file mode 100644 index 0000000..8cece17 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/checkbox.svg b/src/assets/cinnamon/common-assets-red/checkbox.svg new file mode 100644 index 0000000..282aff6 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/corner-ripple.svg b/src/assets/cinnamon/common-assets-red/corner-ripple.svg new file mode 100644 index 0000000..6f51c16 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-red/menu-hover.svg b/src/assets/cinnamon/common-assets-red/menu-hover.svg new file mode 100644 index 0000000..5681582 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/radiobutton.svg b/src/assets/cinnamon/common-assets-red/radiobutton.svg new file mode 100644 index 0000000..3ed9d15 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/toggle-on.svg b/src/assets/cinnamon/common-assets-red/toggle-on.svg new file mode 100644 index 0000000..5ee6d6b --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg b/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg new file mode 100644 index 0000000..f2b1976 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/checkbox.svg b/src/assets/cinnamon/common-assets-yellow/checkbox.svg new file mode 100644 index 0000000..4aed96f --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg b/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg new file mode 100644 index 0000000..d1698a7 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/menu-hover.svg b/src/assets/cinnamon/common-assets-yellow/menu-hover.svg new file mode 100644 index 0000000..4760827 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/radiobutton.svg b/src/assets/cinnamon/common-assets-yellow/radiobutton.svg new file mode 100644 index 0000000..123a5e2 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/toggle-on.svg b/src/assets/cinnamon/common-assets-yellow/toggle-on.svg new file mode 100644 index 0000000..032d041 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/menu-hover.svg b/src/assets/cinnamon/common-assets/menu-hover.svg index 951294b..4a9f87d 100644 --- a/src/assets/cinnamon/common-assets/menu-hover.svg +++ b/src/assets/cinnamon/common-assets/menu-hover.svg @@ -1,11 +1,6 @@ - - - - - - - - + + + diff --git a/src/assets/cinnamon/render-thumbnails.sh b/src/assets/cinnamon/render-thumbnails.sh deleted file mode 100755 index aa1dba7..0000000 --- a/src/assets/cinnamon/render-thumbnails.sh +++ /dev/null @@ -1,19 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="thumbnail.svg" - -[[ -f thumbnail-light.png ]] && rm -rf thumbnail-light.png -echo Rendering thumbnail-light.png - -$INKSCAPE --export-id=thumbnail-light --export-id-only --export-filename=thumbnail-light.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-light.png - -[[ -f thumbnail-dark.png ]] && rm -rf thumbnail-dark.png -echo Rendering thumbnail-dark.png -$INKSCAPE --export-id=thumbnail-dark --export-id-only --export-filename=thumbnail-dark.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-dark.png - -exit 0 diff --git a/src/assets/cinnamon/thumbnail.svg b/src/assets/cinnamon/thumbnail.svg deleted file mode 100644 index 3b9f099..0000000 --- a/src/assets/cinnamon/thumbnail.svg +++ /dev/null @@ -1,2131 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/thumbnails/render-thumbnails.sh b/src/assets/cinnamon/thumbnails/render-thumbnails.sh new file mode 100755 index 0000000..d6aee08 --- /dev/null +++ b/src/assets/cinnamon/thumbnails/render-thumbnails.sh @@ -0,0 +1,21 @@ +#! /usr/bin/env bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="thumbnail.svg" + +for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + [[ -f thumbnail-light${theme}.png ]] && rm -rf thumbnail-light${theme}.png + echo Rendering thumbnail-light${theme}.png + + $INKSCAPE --export-id=thumbnail-light${theme} --export-id-only --export-filename=thumbnail-light${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-light${theme}.png + + [[ -f thumbnail-dark${theme}.png ]] && rm -rf thumbnail-dark${theme}.png + echo Rendering thumbnail-dark${theme}.png + $INKSCAPE --export-id=thumbnail-dark${theme} --export-id-only --export-filename=thumbnail-dark${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-dark${theme}.png +done + +exit 0 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png new file mode 100644 index 0000000..e45d372 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png new file mode 100644 index 0000000..afd1971 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png new file mode 100644 index 0000000..2b13a01 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png new file mode 100644 index 0000000..9dc33f9 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png new file mode 100644 index 0000000..c864066 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png new file mode 100644 index 0000000..f32f51b Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-red.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-red.png new file mode 100644 index 0000000..c264808 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-red.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png new file mode 100644 index 0000000..11d6449 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png differ diff --git a/src/assets/cinnamon/thumbnail-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-dark.png similarity index 100% rename from src/assets/cinnamon/thumbnail-dark.png rename to src/assets/cinnamon/thumbnails/thumbnail-dark.png diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png b/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png new file mode 100644 index 0000000..61feb67 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-green.png b/src/assets/cinnamon/thumbnails/thumbnail-light-green.png new file mode 100644 index 0000000..e11afb1 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-green.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png b/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png new file mode 100644 index 0000000..8c92986 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png b/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png new file mode 100644 index 0000000..e775b50 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-pink.png b/src/assets/cinnamon/thumbnails/thumbnail-light-pink.png new file mode 100644 index 0000000..69e0773 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-pink.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-purple.png b/src/assets/cinnamon/thumbnails/thumbnail-light-purple.png new file mode 100644 index 0000000..c868554 Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-purple.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-red.png b/src/assets/cinnamon/thumbnails/thumbnail-light-red.png new file mode 100644 index 0000000..f74d9df Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-red.png differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png b/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png new file mode 100644 index 0000000..e46a4da Binary files /dev/null and b/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png differ diff --git a/src/assets/cinnamon/thumbnail-light.png b/src/assets/cinnamon/thumbnails/thumbnail-light.png similarity index 100% rename from src/assets/cinnamon/thumbnail-light.png rename to src/assets/cinnamon/thumbnails/thumbnail-light.png diff --git a/src/assets/cinnamon/thumbnails/thumbnail.svg b/src/assets/cinnamon/thumbnails/thumbnail.svg new file mode 100644 index 0000000..09d1889 --- /dev/null +++ b/src/assets/cinnamon/thumbnails/thumbnail.svg @@ -0,0 +1,5266 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-blue/checkbox.svg b/src/assets/gnome-shell/common-assets-blue/checkbox.svg new file mode 100644 index 0000000..8728135 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-blue/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-blue/more-results.svg b/src/assets/gnome-shell/common-assets-blue/more-results.svg new file mode 100644 index 0000000..d871631 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-blue/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-blue/toggle-on.svg b/src/assets/gnome-shell/common-assets-blue/toggle-on.svg new file mode 100644 index 0000000..3ecb0f5 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-blue/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-green/checkbox.svg b/src/assets/gnome-shell/common-assets-green/checkbox.svg new file mode 100644 index 0000000..284cf31 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-green/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-green/more-results.svg b/src/assets/gnome-shell/common-assets-green/more-results.svg new file mode 100644 index 0000000..c4fcbaa --- /dev/null +++ b/src/assets/gnome-shell/common-assets-green/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-green/toggle-on.svg b/src/assets/gnome-shell/common-assets-green/toggle-on.svg new file mode 100644 index 0000000..6edb6b5 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-green/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-grey/checkbox.svg b/src/assets/gnome-shell/common-assets-grey/checkbox.svg new file mode 100644 index 0000000..bf1dd4b --- /dev/null +++ b/src/assets/gnome-shell/common-assets-grey/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-grey/more-results.svg b/src/assets/gnome-shell/common-assets-grey/more-results.svg new file mode 100644 index 0000000..bf4d3ce --- /dev/null +++ b/src/assets/gnome-shell/common-assets-grey/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-grey/toggle-on.svg b/src/assets/gnome-shell/common-assets-grey/toggle-on.svg new file mode 100644 index 0000000..05d6121 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-grey/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-orange/checkbox.svg b/src/assets/gnome-shell/common-assets-orange/checkbox.svg new file mode 100644 index 0000000..e031727 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-orange/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-orange/more-results.svg b/src/assets/gnome-shell/common-assets-orange/more-results.svg new file mode 100644 index 0000000..7df0a4f --- /dev/null +++ b/src/assets/gnome-shell/common-assets-orange/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-orange/toggle-on.svg b/src/assets/gnome-shell/common-assets-orange/toggle-on.svg new file mode 100644 index 0000000..bf2f8f3 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-orange/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-pink/checkbox.svg b/src/assets/gnome-shell/common-assets-pink/checkbox.svg new file mode 100644 index 0000000..e6e59b3 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-pink/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-pink/more-results.svg b/src/assets/gnome-shell/common-assets-pink/more-results.svg new file mode 100644 index 0000000..f1041c2 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-pink/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-pink/toggle-on.svg b/src/assets/gnome-shell/common-assets-pink/toggle-on.svg new file mode 100644 index 0000000..e16d5f8 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-pink/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-purple/checkbox.svg b/src/assets/gnome-shell/common-assets-purple/checkbox.svg new file mode 100644 index 0000000..f35ceed --- /dev/null +++ b/src/assets/gnome-shell/common-assets-purple/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-purple/more-results.svg b/src/assets/gnome-shell/common-assets-purple/more-results.svg new file mode 100644 index 0000000..cf01c9d --- /dev/null +++ b/src/assets/gnome-shell/common-assets-purple/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-purple/toggle-on.svg b/src/assets/gnome-shell/common-assets-purple/toggle-on.svg new file mode 100644 index 0000000..4f5b777 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-purple/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-red/checkbox.svg b/src/assets/gnome-shell/common-assets-red/checkbox.svg new file mode 100644 index 0000000..f8830c6 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-red/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-red/more-results.svg b/src/assets/gnome-shell/common-assets-red/more-results.svg new file mode 100644 index 0000000..2c10d8a --- /dev/null +++ b/src/assets/gnome-shell/common-assets-red/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-red/toggle-on.svg b/src/assets/gnome-shell/common-assets-red/toggle-on.svg new file mode 100644 index 0000000..5ee6d6b --- /dev/null +++ b/src/assets/gnome-shell/common-assets-red/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-yellow/checkbox.svg b/src/assets/gnome-shell/common-assets-yellow/checkbox.svg new file mode 100644 index 0000000..846b7b6 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-yellow/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-yellow/more-results.svg b/src/assets/gnome-shell/common-assets-yellow/more-results.svg new file mode 100644 index 0000000..002180d --- /dev/null +++ b/src/assets/gnome-shell/common-assets-yellow/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg b/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg new file mode 100644 index 0000000..032d041 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-blue.svg b/src/assets/gtk-2.0/assets-dark-blue.svg new file mode 100644 index 0000000..88c1faf --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-blue.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png new file mode 100644 index 0000000..9885af3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/button-active.png b/src/assets/gtk-2.0/assets-dark-blue/button-active.png new file mode 100644 index 0000000..8114bd4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png new file mode 100644 index 0000000..2f98862 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..5c56f7a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png new file mode 100644 index 0000000..4d22f89 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..b4be329 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png new file mode 100644 index 0000000..b70bcb3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..9e65826 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png new file mode 100644 index 0000000..28c71f9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png new file mode 100644 index 0000000..8e0930c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png new file mode 100644 index 0000000..76b7682 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png new file mode 100644 index 0000000..9567a5a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png new file mode 100644 index 0000000..cde9144 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png new file mode 100644 index 0000000..3d95869 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png new file mode 100644 index 0000000..64f38b4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png new file mode 100644 index 0000000..5448f3d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png new file mode 100644 index 0000000..84ca20b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png new file mode 100644 index 0000000..2e18f51 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png new file mode 100644 index 0000000..061225a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/progressbar.png b/src/assets/gtk-2.0/assets-dark-blue/progressbar.png new file mode 100644 index 0000000..04c8589 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png new file mode 100644 index 0000000..94da73b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png b/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png new file mode 100644 index 0000000..0a93562 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png new file mode 100644 index 0000000..29ed877 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png new file mode 100644 index 0000000..6cc11c1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green.svg b/src/assets/gtk-2.0/assets-dark-green.svg new file mode 100644 index 0000000..64b6b98 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-green.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png new file mode 100644 index 0000000..3a8d27d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/button-active.png b/src/assets/gtk-2.0/assets-dark-green/button-active.png new file mode 100644 index 0000000..59538c3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png new file mode 100644 index 0000000..fa0077c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..f5d56a9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png new file mode 100644 index 0000000..2507aed Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..a673c6a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png new file mode 100644 index 0000000..d3e3350 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..3d8ed25 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png new file mode 100644 index 0000000..47fc65b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png new file mode 100644 index 0000000..9e28e22 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png new file mode 100644 index 0000000..61de061 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png new file mode 100644 index 0000000..99f7773 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png new file mode 100644 index 0000000..8cdecb0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png new file mode 100644 index 0000000..41c9f38 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png new file mode 100644 index 0000000..0d6ac63 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png new file mode 100644 index 0000000..b3e9151 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png new file mode 100644 index 0000000..2fb4adb Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png new file mode 100644 index 0000000..2a9c87c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png new file mode 100644 index 0000000..e1675af Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/progressbar.png b/src/assets/gtk-2.0/assets-dark-green/progressbar.png new file mode 100644 index 0000000..b84838a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png new file mode 100644 index 0000000..dacd208 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/radio-checked.png b/src/assets/gtk-2.0/assets-dark-green/radio-checked.png new file mode 100644 index 0000000..bfe6190 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png new file mode 100644 index 0000000..af04e88 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png new file mode 100644 index 0000000..14f9de9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey.svg b/src/assets/gtk-2.0/assets-dark-grey.svg new file mode 100644 index 0000000..fbbe620 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-grey.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png new file mode 100644 index 0000000..d12a364 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/button-active.png b/src/assets/gtk-2.0/assets-dark-grey/button-active.png new file mode 100644 index 0000000..b2de6b7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png new file mode 100644 index 0000000..44d6154 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..527830d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png new file mode 100644 index 0000000..befd58b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..757350c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png new file mode 100644 index 0000000..3691647 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..ed07208 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png new file mode 100644 index 0000000..02bd409 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png new file mode 100644 index 0000000..b069cb2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png new file mode 100644 index 0000000..19158ff Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png new file mode 100644 index 0000000..34490c2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png new file mode 100644 index 0000000..d092227 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png new file mode 100644 index 0000000..b587ba9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png new file mode 100644 index 0000000..3e2b710 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png new file mode 100644 index 0000000..6d4d1ab Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png new file mode 100644 index 0000000..c5f237b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png new file mode 100644 index 0000000..40728e5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png new file mode 100644 index 0000000..3dbf49e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/progressbar.png b/src/assets/gtk-2.0/assets-dark-grey/progressbar.png new file mode 100644 index 0000000..2cd0bef Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png new file mode 100644 index 0000000..98a0278 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png b/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png new file mode 100644 index 0000000..cafd1e2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png new file mode 100644 index 0000000..fbcdc62 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png new file mode 100644 index 0000000..a853906 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange.svg b/src/assets/gtk-2.0/assets-dark-orange.svg new file mode 100644 index 0000000..9071e19 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-orange.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png new file mode 100644 index 0000000..0b06db2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/button-active.png b/src/assets/gtk-2.0/assets-dark-orange/button-active.png new file mode 100644 index 0000000..0303a18 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png new file mode 100644 index 0000000..3da8d8d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..49472f6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png new file mode 100644 index 0000000..2d0704c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..fef0ebd Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png new file mode 100644 index 0000000..ccf4881 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..d2a0fed Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png new file mode 100644 index 0000000..93f525e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png new file mode 100644 index 0000000..1129232 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png new file mode 100644 index 0000000..86222c2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png new file mode 100644 index 0000000..3c218fc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png new file mode 100644 index 0000000..13bc8b7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png new file mode 100644 index 0000000..1f8c439 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png new file mode 100644 index 0000000..1b9acfc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png new file mode 100644 index 0000000..0e6076e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png new file mode 100644 index 0000000..3b56fe7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png new file mode 100644 index 0000000..8998f2c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png new file mode 100644 index 0000000..751ca5b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/progressbar.png b/src/assets/gtk-2.0/assets-dark-orange/progressbar.png new file mode 100644 index 0000000..dadbe16 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png new file mode 100644 index 0000000..c8bd936 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/radio-checked.png b/src/assets/gtk-2.0/assets-dark-orange/radio-checked.png new file mode 100644 index 0000000..107aef1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png new file mode 100644 index 0000000..105942a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png new file mode 100644 index 0000000..2e47298 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink.svg b/src/assets/gtk-2.0/assets-dark-pink.svg new file mode 100644 index 0000000..9afd878 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-pink.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png new file mode 100644 index 0000000..a311f41 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/button-active.png b/src/assets/gtk-2.0/assets-dark-pink/button-active.png new file mode 100644 index 0000000..8306834 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png new file mode 100644 index 0000000..8e5ea21 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..d9f5229 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png new file mode 100644 index 0000000..fa435e8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..c632d53 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png new file mode 100644 index 0000000..9e97923 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..230209f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png new file mode 100644 index 0000000..2f0f0bf Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png new file mode 100644 index 0000000..96f2a4e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png new file mode 100644 index 0000000..20fa282 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png new file mode 100644 index 0000000..c05db2c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png new file mode 100644 index 0000000..7e99571 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png new file mode 100644 index 0000000..a4fe849 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png new file mode 100644 index 0000000..b04f738 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png new file mode 100644 index 0000000..2acd63a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png new file mode 100644 index 0000000..da5404d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png new file mode 100644 index 0000000..098e8da Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png new file mode 100644 index 0000000..1e8864d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/progressbar.png b/src/assets/gtk-2.0/assets-dark-pink/progressbar.png new file mode 100644 index 0000000..b36ce5a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png new file mode 100644 index 0000000..16777f5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/radio-checked.png b/src/assets/gtk-2.0/assets-dark-pink/radio-checked.png new file mode 100644 index 0000000..3aee673 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png new file mode 100644 index 0000000..cdf6c0b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png new file mode 100644 index 0000000..0ee7d67 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple.svg b/src/assets/gtk-2.0/assets-dark-purple.svg new file mode 100644 index 0000000..a3be591 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-purple.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png new file mode 100644 index 0000000..6706b7b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/button-active.png b/src/assets/gtk-2.0/assets-dark-purple/button-active.png new file mode 100644 index 0000000..5c0a52b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png new file mode 100644 index 0000000..1f005d2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..ba0587a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png new file mode 100644 index 0000000..e031726 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..f6a7309 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png new file mode 100644 index 0000000..d77201e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..67b5e47 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png new file mode 100644 index 0000000..da8f1e5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png new file mode 100644 index 0000000..f559df5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png new file mode 100644 index 0000000..ee711af Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png new file mode 100644 index 0000000..d2a58a9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png new file mode 100644 index 0000000..33051ff Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png new file mode 100644 index 0000000..e8ef5dc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png new file mode 100644 index 0000000..946a871 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png new file mode 100644 index 0000000..b0e05ba Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png new file mode 100644 index 0000000..04f0a43 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png new file mode 100644 index 0000000..4868959 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png new file mode 100644 index 0000000..0a82c21 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/progressbar.png b/src/assets/gtk-2.0/assets-dark-purple/progressbar.png new file mode 100644 index 0000000..f22226d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png new file mode 100644 index 0000000..7509f84 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png b/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png new file mode 100644 index 0000000..f8d25fd Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png new file mode 100644 index 0000000..586dd43 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png new file mode 100644 index 0000000..eb9cdc4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red.svg b/src/assets/gtk-2.0/assets-dark-red.svg new file mode 100644 index 0000000..501cf78 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-red.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png new file mode 100644 index 0000000..f2f59b6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/button-active.png b/src/assets/gtk-2.0/assets-dark-red/button-active.png new file mode 100644 index 0000000..f0231d0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png new file mode 100644 index 0000000..f74e73c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..95ead8e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png new file mode 100644 index 0000000..2c35e06 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..27bf611 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png new file mode 100644 index 0000000..e2d23c7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..5a0cf55 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png new file mode 100644 index 0000000..aa6a747 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png new file mode 100644 index 0000000..c7356b9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png new file mode 100644 index 0000000..6e31aeb Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png new file mode 100644 index 0000000..f3def8d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png new file mode 100644 index 0000000..8a7b6a5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png new file mode 100644 index 0000000..b32d914 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png new file mode 100644 index 0000000..ffcb7d6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png new file mode 100644 index 0000000..ef26242 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png new file mode 100644 index 0000000..b2aebb2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png new file mode 100644 index 0000000..7d753f8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png new file mode 100644 index 0000000..eea48e7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/progressbar.png b/src/assets/gtk-2.0/assets-dark-red/progressbar.png new file mode 100644 index 0000000..9e8611a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-red/progressbar_v.png new file mode 100644 index 0000000..ba108c7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/radio-checked.png b/src/assets/gtk-2.0/assets-dark-red/radio-checked.png new file mode 100644 index 0000000..4c5c66b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png new file mode 100644 index 0000000..63fa553 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png new file mode 100644 index 0000000..2514e66 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow.svg b/src/assets/gtk-2.0/assets-dark-yellow.svg new file mode 100644 index 0000000..33b69c8 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-yellow.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png new file mode 100644 index 0000000..7541e60 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/button-active.png b/src/assets/gtk-2.0/assets-dark-yellow/button-active.png new file mode 100644 index 0000000..a420c4b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png new file mode 100644 index 0000000..14cc150 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..d98de6a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png new file mode 100644 index 0000000..f2746de Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..606318f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png new file mode 100644 index 0000000..ee405ec Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..372b917 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png new file mode 100644 index 0000000..72408b5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png new file mode 100644 index 0000000..57d4724 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png new file mode 100644 index 0000000..ef9f149 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png new file mode 100644 index 0000000..cc75b34 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png new file mode 100644 index 0000000..983a230 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png new file mode 100644 index 0000000..4d2a1d4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png new file mode 100644 index 0000000..bdfbb50 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png new file mode 100644 index 0000000..a94a62e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png new file mode 100644 index 0000000..6d8fe93 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png new file mode 100644 index 0000000..36d0171 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png new file mode 100644 index 0000000..b5c42d7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/progressbar.png b/src/assets/gtk-2.0/assets-dark-yellow/progressbar.png new file mode 100644 index 0000000..6037e65 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png new file mode 100644 index 0000000..e43fe0f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png new file mode 100644 index 0000000..46746bc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png new file mode 100644 index 0000000..12e6a3e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png new file mode 100644 index 0000000..857de45 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue.svg b/src/assets/gtk-2.0/assets-light-blue.svg new file mode 100644 index 0000000..f88a54f --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-blue.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png new file mode 100644 index 0000000..77bd80f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..3ce0757 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png new file mode 100644 index 0000000..2a13ee0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..21675c0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png new file mode 100644 index 0000000..7926772 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png new file mode 100644 index 0000000..0ad5137 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png new file mode 100644 index 0000000..ee4d13a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png new file mode 100644 index 0000000..8328614 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png new file mode 100644 index 0000000..db24512 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png new file mode 100644 index 0000000..adfbb02 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png new file mode 100644 index 0000000..6594c48 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png new file mode 100644 index 0000000..5f7031f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png new file mode 100644 index 0000000..3242691 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png new file mode 100644 index 0000000..2e18f51 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png new file mode 100644 index 0000000..061225a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/progressbar.png b/src/assets/gtk-2.0/assets-light-blue/progressbar.png new file mode 100644 index 0000000..04c8589 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png b/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png new file mode 100644 index 0000000..94da73b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/radio-checked.png b/src/assets/gtk-2.0/assets-light-blue/radio-checked.png new file mode 100644 index 0000000..7cb80e6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png new file mode 100644 index 0000000..29ed877 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png new file mode 100644 index 0000000..6cc11c1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-green.svg b/src/assets/gtk-2.0/assets-light-green.svg new file mode 100644 index 0000000..abbc183 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-green.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png new file mode 100644 index 0000000..355ebec Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..aff4501 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png new file mode 100644 index 0000000..3288ae9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..32f7e34 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png new file mode 100644 index 0000000..f51eaa7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png new file mode 100644 index 0000000..64b825f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png new file mode 100644 index 0000000..bc9f816 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png new file mode 100644 index 0000000..0b33c47 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png new file mode 100644 index 0000000..e6d4e45 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png new file mode 100644 index 0000000..217ebfc Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png new file mode 100644 index 0000000..f1af105 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png new file mode 100644 index 0000000..47759ca Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png new file mode 100644 index 0000000..4f6283c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png new file mode 100644 index 0000000..2a9c87c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png new file mode 100644 index 0000000..e1675af Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/progressbar.png b/src/assets/gtk-2.0/assets-light-green/progressbar.png new file mode 100644 index 0000000..b84838a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/progressbar_v.png b/src/assets/gtk-2.0/assets-light-green/progressbar_v.png new file mode 100644 index 0000000..dacd208 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/radio-checked.png b/src/assets/gtk-2.0/assets-light-green/radio-checked.png new file mode 100644 index 0000000..b3eceb5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png new file mode 100644 index 0000000..af04e88 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png new file mode 100644 index 0000000..14f9de9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey.svg b/src/assets/gtk-2.0/assets-light-grey.svg new file mode 100644 index 0000000..2b90cc4 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-grey.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png new file mode 100644 index 0000000..9a9a592 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..7c2d1be Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png new file mode 100644 index 0000000..f00339d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..2c0afc3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png new file mode 100644 index 0000000..39b63c5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png new file mode 100644 index 0000000..3f943c2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png new file mode 100644 index 0000000..ad567e8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png new file mode 100644 index 0000000..bc903f6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png new file mode 100644 index 0000000..97447d9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png new file mode 100644 index 0000000..fe46ab7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png new file mode 100644 index 0000000..14cebc8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png new file mode 100644 index 0000000..63b012c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png new file mode 100644 index 0000000..8d03ba2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png new file mode 100644 index 0000000..40728e5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png new file mode 100644 index 0000000..3dbf49e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/progressbar.png b/src/assets/gtk-2.0/assets-light-grey/progressbar.png new file mode 100644 index 0000000..2cd0bef Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/progressbar_v.png b/src/assets/gtk-2.0/assets-light-grey/progressbar_v.png new file mode 100644 index 0000000..98a0278 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/radio-checked.png b/src/assets/gtk-2.0/assets-light-grey/radio-checked.png new file mode 100644 index 0000000..8bc0d2c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png new file mode 100644 index 0000000..fbcdc62 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png new file mode 100644 index 0000000..a853906 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange.svg b/src/assets/gtk-2.0/assets-light-orange.svg new file mode 100644 index 0000000..5642c91 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-orange.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png new file mode 100644 index 0000000..2aa62d5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..78a921d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png new file mode 100644 index 0000000..dac4fcb Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..7b7fab4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png new file mode 100644 index 0000000..3c7318c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png new file mode 100644 index 0000000..fa0a383 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png new file mode 100644 index 0000000..1f8aed2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png new file mode 100644 index 0000000..5702478 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png new file mode 100644 index 0000000..5455fdf Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png new file mode 100644 index 0000000..22ea5cd Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png new file mode 100644 index 0000000..83036db Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png new file mode 100644 index 0000000..a4a1bf8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png new file mode 100644 index 0000000..63d416d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png new file mode 100644 index 0000000..8998f2c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png new file mode 100644 index 0000000..751ca5b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/progressbar.png b/src/assets/gtk-2.0/assets-light-orange/progressbar.png new file mode 100644 index 0000000..dadbe16 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png b/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png new file mode 100644 index 0000000..c8bd936 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/radio-checked.png b/src/assets/gtk-2.0/assets-light-orange/radio-checked.png new file mode 100644 index 0000000..718b665 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png new file mode 100644 index 0000000..105942a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png new file mode 100644 index 0000000..2e47298 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink.svg b/src/assets/gtk-2.0/assets-light-pink.svg new file mode 100644 index 0000000..aa5a670 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-pink.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png new file mode 100644 index 0000000..403839d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..8070acf Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png new file mode 100644 index 0000000..4265e3f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..6ebd681 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png new file mode 100644 index 0000000..09b371c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png new file mode 100644 index 0000000..0b91979 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png new file mode 100644 index 0000000..84a7601 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png new file mode 100644 index 0000000..fccc374 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png new file mode 100644 index 0000000..a453212 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png new file mode 100644 index 0000000..b3d8722 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png new file mode 100644 index 0000000..324cd19 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png new file mode 100644 index 0000000..085e40c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png new file mode 100644 index 0000000..0d8cb55 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png new file mode 100644 index 0000000..098e8da Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png new file mode 100644 index 0000000..1e8864d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/progressbar.png b/src/assets/gtk-2.0/assets-light-pink/progressbar.png new file mode 100644 index 0000000..b36ce5a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png b/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png new file mode 100644 index 0000000..16777f5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/radio-checked.png b/src/assets/gtk-2.0/assets-light-pink/radio-checked.png new file mode 100644 index 0000000..6a96946 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png new file mode 100644 index 0000000..cdf6c0b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png new file mode 100644 index 0000000..0ee7d67 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple.svg b/src/assets/gtk-2.0/assets-light-purple.svg new file mode 100644 index 0000000..fab05cb --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-purple.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png new file mode 100644 index 0000000..1f8c97f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..86fab02 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png new file mode 100644 index 0000000..f69bd1b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..15d14b4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png new file mode 100644 index 0000000..a54510a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png new file mode 100644 index 0000000..790a354 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png new file mode 100644 index 0000000..5e96e56 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png new file mode 100644 index 0000000..ea74956 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png new file mode 100644 index 0000000..5f74954 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png new file mode 100644 index 0000000..830f58e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png new file mode 100644 index 0000000..71061d7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png new file mode 100644 index 0000000..6f9069c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png new file mode 100644 index 0000000..c8d1034 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png new file mode 100644 index 0000000..4868959 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png new file mode 100644 index 0000000..0a82c21 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/progressbar.png b/src/assets/gtk-2.0/assets-light-purple/progressbar.png new file mode 100644 index 0000000..f22226d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png b/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png new file mode 100644 index 0000000..7509f84 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/radio-checked.png b/src/assets/gtk-2.0/assets-light-purple/radio-checked.png new file mode 100644 index 0000000..a1028ed Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png new file mode 100644 index 0000000..586dd43 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png new file mode 100644 index 0000000..eb9cdc4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-red.svg b/src/assets/gtk-2.0/assets-light-red.svg new file mode 100644 index 0000000..e2dddfe --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-red.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png new file mode 100644 index 0000000..81c8116 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..2eb7989 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png new file mode 100644 index 0000000..f3b4033 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..24014f8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png new file mode 100644 index 0000000..6a0df74 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png new file mode 100644 index 0000000..3cc704a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png new file mode 100644 index 0000000..79980e8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png new file mode 100644 index 0000000..a823cee Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png new file mode 100644 index 0000000..97fbfd0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png new file mode 100644 index 0000000..3798a77 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png new file mode 100644 index 0000000..9f700ab Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png new file mode 100644 index 0000000..333063f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png new file mode 100644 index 0000000..1986899 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png new file mode 100644 index 0000000..7d753f8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png new file mode 100644 index 0000000..eea48e7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/progressbar.png b/src/assets/gtk-2.0/assets-light-red/progressbar.png new file mode 100644 index 0000000..9e8611a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/progressbar_v.png b/src/assets/gtk-2.0/assets-light-red/progressbar_v.png new file mode 100644 index 0000000..ba108c7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/radio-checked.png b/src/assets/gtk-2.0/assets-light-red/radio-checked.png new file mode 100644 index 0000000..385b7db Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png new file mode 100644 index 0000000..63fa553 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png new file mode 100644 index 0000000..2514e66 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow.svg b/src/assets/gtk-2.0/assets-light-yellow.svg new file mode 100644 index 0000000..cd15b46 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-yellow.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png new file mode 100644 index 0000000..b4c102f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..01c367c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png new file mode 100644 index 0000000..e99aa2b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..f18d6d2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png new file mode 100644 index 0000000..1c3eff2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png new file mode 100644 index 0000000..3ac7f58 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png new file mode 100644 index 0000000..5ee8aba Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png new file mode 100644 index 0000000..7f272ba Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png new file mode 100644 index 0000000..a69d728 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png new file mode 100644 index 0000000..1f6c3cb Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png new file mode 100644 index 0000000..053dfc3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png new file mode 100644 index 0000000..29b1324 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png new file mode 100644 index 0000000..69c05ce Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png new file mode 100644 index 0000000..36d0171 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png new file mode 100644 index 0000000..b5c42d7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/progressbar.png b/src/assets/gtk-2.0/assets-light-yellow/progressbar.png new file mode 100644 index 0000000..6037e65 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png b/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png new file mode 100644 index 0000000..e43fe0f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png b/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png new file mode 100644 index 0000000..398bcfe Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png new file mode 100644 index 0000000..12e6a3e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png new file mode 100644 index 0000000..857de45 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light.svg b/src/assets/gtk-2.0/assets-light.svg index 3848153..126a965 100644 --- a/src/assets/gtk-2.0/assets-light.svg +++ b/src/assets/gtk-2.0/assets-light.svg @@ -119,10 +119,8 @@ - - @@ -254,7 +252,7 @@ - + @@ -272,7 +270,7 @@ - + @@ -343,7 +341,7 @@ - + @@ -371,7 +369,7 @@ - + diff --git a/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png index 302a921..5aa30a9 100644 Binary files a/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png and b/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png index 6950058..7fdd59e 100644 Binary files a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png and b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png index 2f5f936..8fb2a17 100644 Binary files a/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png and b/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png index 5933512..ac69f14 100644 Binary files a/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png and b/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/render-assets.sh b/src/assets/gtk-2.0/render-assets.sh index cb3335d..0649bc1 100755 --- a/src/assets/gtk-2.0/render-assets.sh +++ b/src/assets/gtk-2.0/render-assets.sh @@ -3,42 +3,45 @@ INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" -LIGHT_SRC_FILE="assets-light.svg" -LIGHT_ASSETS_DIR="assets-light" - -DARK_SRC_FILE="assets-dark.svg" -DARK_ASSETS_DIR="assets-dark" - INDEX="assets.txt" +INDEX_T="theme_assets.txt" -[[ -d $LIGHT_ASSETS_DIR ]] && rm -rf $LIGHT_ASSETS_DIR -[[ -d $DARK_ASSETS_DIR ]] && rm -rf $DARK_ASSETS_DIR -mkdir -p $LIGHT_ASSETS_DIR && mkdir -p $DARK_ASSETS_DIR +for color in '-light' '-dark'; do + for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + ASSETS_DIR="assets${color}${theme}" + SRC_FILE="assets${color}${theme}.svg" -for i in `cat $INDEX` -do + [[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR + mkdir -p $ASSETS_DIR -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 $DARK_ASSETS_DIR/$i.png ]; then - echo $DARK_ASSETS_DIR/$i.png exists. -else - echo - echo Rendering $DARK_ASSETS_DIR/$i.png - $INKSCAPE --export-id=$i \ - --export-id-only \ - --export-filename=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png -fi + if [[ ${theme} == '' ]]; then + for i in `cat $INDEX`; do + 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 + done + else + for i in `cat $INDEX_T`; do + 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 + done + fi + done done exit 0 diff --git a/src/assets/gtk-2.0/theme_assets.txt b/src/assets/gtk-2.0/theme_assets.txt new file mode 100644 index 0000000..d5a65a9 --- /dev/null +++ b/src/assets/gtk-2.0/theme_assets.txt @@ -0,0 +1,24 @@ +button-active +button-active-hover +checkbox-checked +radio-checked +menu-checkbox-checked +menu-radio-checked +entry-border-active-bg +entry-active-bg +entry-active-notebook +entry-active-toolbar +combo-entry-focus +combo-entry-border-focus +combo-entry-focus-notebook +combo-entry-focus-rtl +combo-entry-border-focus-rtl +combo-entry-focus-notebook-rtl +combo-entry-button-active +combo-entry-button-active-rtl +progressbar +progressbar_v +trough-horizontal-active +trough-vertical-active +pathbar_button_active +pathbar_button_prelight diff --git a/src/assets/gtk-3.0/common-assets/assets-blue.svg b/src/assets/gtk-3.0/common-assets/assets-blue.svg new file mode 100644 index 0000000..d2de6ef --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-blue.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png new file mode 100644 index 0000000..14e98df Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png new file mode 100644 index 0000000..ac3dad8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..ef496e5 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..857ec78 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..460c5cb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..4e2eff1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png new file mode 100644 index 0000000..f975033 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png new file mode 100644 index 0000000..c6fb0fd Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png new file mode 100644 index 0000000..d9731e4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..324132a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png new file mode 100644 index 0000000..6c9244d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png new file mode 100644 index 0000000..4d74670 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png new file mode 100644 index 0000000..bb4dfb4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png new file mode 100644 index 0000000..9620f24 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png new file mode 100644 index 0000000..a14817a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png new file mode 100644 index 0000000..1235098 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png new file mode 100644 index 0000000..d3ea03e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png new file mode 100644 index 0000000..9e156bf Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png new file mode 100644 index 0000000..3fc001f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png new file mode 100644 index 0000000..56ba336 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green.svg b/src/assets/gtk-3.0/common-assets/assets-green.svg new file mode 100644 index 0000000..c347a8a --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-green.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png new file mode 100644 index 0000000..48bda5c Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png new file mode 100644 index 0000000..28f7460 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..31fea12 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..f96b9be Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..475c2c0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..058b880 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png new file mode 100644 index 0000000..f4459a7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png new file mode 100644 index 0000000..f0c27a5 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png new file mode 100644 index 0000000..722ae74 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..0267cba Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png new file mode 100644 index 0000000..a98cc99 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png new file mode 100644 index 0000000..cc1d23b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png new file mode 100644 index 0000000..9d7f6f8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png new file mode 100644 index 0000000..4252c53 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png new file mode 100644 index 0000000..49a89a6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png new file mode 100644 index 0000000..c28ed2f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png new file mode 100644 index 0000000..5b11810 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png new file mode 100644 index 0000000..a859a21 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png new file mode 100644 index 0000000..fa5905b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png new file mode 100644 index 0000000..ab3f7f3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey.svg b/src/assets/gtk-3.0/common-assets/assets-grey.svg new file mode 100644 index 0000000..4127964 --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-grey.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png new file mode 100644 index 0000000..67854e4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png new file mode 100644 index 0000000..759323a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..d3733f4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..2d228eb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..06c2517 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..9a4dc6d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png new file mode 100644 index 0000000..aea4f97 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png new file mode 100644 index 0000000..4c0b8a9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png new file mode 100644 index 0000000..53ad09b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..53d47e5 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png new file mode 100644 index 0000000..4086c72 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png new file mode 100644 index 0000000..abc990a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png new file mode 100644 index 0000000..0d47c65 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png new file mode 100644 index 0000000..bec27c1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png new file mode 100644 index 0000000..df5c91b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png new file mode 100644 index 0000000..a863290 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png new file mode 100644 index 0000000..f9000f8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png new file mode 100644 index 0000000..fcdba03 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png new file mode 100644 index 0000000..81a6567 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png new file mode 100644 index 0000000..54850ed Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange.svg b/src/assets/gtk-3.0/common-assets/assets-orange.svg new file mode 100644 index 0000000..904492a --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-orange.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png new file mode 100644 index 0000000..76fee0d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png new file mode 100644 index 0000000..550fdd8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..1dec546 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..083341e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..7eb991a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..b06daa1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png new file mode 100644 index 0000000..abfd374 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png new file mode 100644 index 0000000..0698216 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png new file mode 100644 index 0000000..e4b9d1a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..0a439dc Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png new file mode 100644 index 0000000..1fec711 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png new file mode 100644 index 0000000..a41522a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png new file mode 100644 index 0000000..d915bea Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png new file mode 100644 index 0000000..e8d215f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png new file mode 100644 index 0000000..db6f62a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png new file mode 100644 index 0000000..7ab1ccf Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png new file mode 100644 index 0000000..e33dcf0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png new file mode 100644 index 0000000..2b9bbed Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png new file mode 100644 index 0000000..69b3840 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png new file mode 100644 index 0000000..ea3f389 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink.svg b/src/assets/gtk-3.0/common-assets/assets-pink.svg new file mode 100644 index 0000000..c84ddb7 --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-pink.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png new file mode 100644 index 0000000..74c49c1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png new file mode 100644 index 0000000..c9ba0f3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..71051ac Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..57ea09b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..0a2007b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..7be7a89 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png new file mode 100644 index 0000000..1d063dd Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png new file mode 100644 index 0000000..b846c8e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png new file mode 100644 index 0000000..0323283 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..78a1fb4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png new file mode 100644 index 0000000..9139ff2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png new file mode 100644 index 0000000..bf8497e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png new file mode 100644 index 0000000..d637c37 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png new file mode 100644 index 0000000..7c84a9f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png new file mode 100644 index 0000000..2cbab61 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png new file mode 100644 index 0000000..3d61682 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png new file mode 100644 index 0000000..6dbeda9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png new file mode 100644 index 0000000..948429d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png new file mode 100644 index 0000000..28112fb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png new file mode 100644 index 0000000..37af8f0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple.svg b/src/assets/gtk-3.0/common-assets/assets-purple.svg new file mode 100644 index 0000000..809982e --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-purple.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png new file mode 100644 index 0000000..c9dcb0a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png new file mode 100644 index 0000000..5f50cb0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..9836cc1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..dd3cfa6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..4808fc8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..45838a7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png new file mode 100644 index 0000000..a88f91a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png new file mode 100644 index 0000000..5cd42e6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png new file mode 100644 index 0000000..5a4193f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..c2bb1d3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png new file mode 100644 index 0000000..3b92b60 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png new file mode 100644 index 0000000..21210e5 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png new file mode 100644 index 0000000..ae759a1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png new file mode 100644 index 0000000..4cdd7ab Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png new file mode 100644 index 0000000..063a561 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png new file mode 100644 index 0000000..33365ba Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png new file mode 100644 index 0000000..b0f47a6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png new file mode 100644 index 0000000..0aabd5f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png new file mode 100644 index 0000000..45ceab7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png new file mode 100644 index 0000000..563ddf4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red.svg b/src/assets/gtk-3.0/common-assets/assets-red.svg new file mode 100644 index 0000000..a6d078b --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-red.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png new file mode 100644 index 0000000..84e1b3a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png new file mode 100644 index 0000000..4d32b2d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..deda53b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..8a017d1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..a9f9ed7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..c8ea880 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png new file mode 100644 index 0000000..5e1acc8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png new file mode 100644 index 0000000..565a881 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png new file mode 100644 index 0000000..b90045d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..eebde62 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png new file mode 100644 index 0000000..6db3670 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png new file mode 100644 index 0000000..43b968d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png new file mode 100644 index 0000000..e59177b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png new file mode 100644 index 0000000..5d354a6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png new file mode 100644 index 0000000..5a82ebd Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png new file mode 100644 index 0000000..cd5cd5d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png new file mode 100644 index 0000000..33a05fe Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png new file mode 100644 index 0000000..eda0c07 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png new file mode 100644 index 0000000..6a464bf Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png new file mode 100644 index 0000000..3508e3a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow.svg b/src/assets/gtk-3.0/common-assets/assets-yellow.svg new file mode 100644 index 0000000..5e1a85e --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-yellow.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png new file mode 100644 index 0000000..377b844 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png new file mode 100644 index 0000000..2f70db2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..7959d68 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..ee862a9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..25da978 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..9519215 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png new file mode 100644 index 0000000..9476964 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png new file mode 100644 index 0000000..b6d21d1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png new file mode 100644 index 0000000..b055b9f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..33f7b56 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png new file mode 100644 index 0000000..e3e8097 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png new file mode 100644 index 0000000..b79ac0f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png new file mode 100644 index 0000000..2c9049b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png new file mode 100644 index 0000000..2cc3d7d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png new file mode 100644 index 0000000..ca03b56 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png new file mode 100644 index 0000000..935057c Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png new file mode 100644 index 0000000..bc827b8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png new file mode 100644 index 0000000..b43ccba Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png new file mode 100644 index 0000000..0614316 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png new file mode 100644 index 0000000..83ab9d7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets.svg b/src/assets/gtk-3.0/common-assets/assets.svg index 1016bbe..de12dbc 100644 --- a/src/assets/gtk-3.0/common-assets/assets.svg +++ b/src/assets/gtk-3.0/common-assets/assets.svg @@ -64,7 +64,6 @@ - diff --git a/src/assets/gtk-3.0/common-assets/render-assets.sh b/src/assets/gtk-3.0/common-assets/render-assets.sh index 0d3af93..3a0608a 100755 --- a/src/assets/gtk-3.0/common-assets/render-assets.sh +++ b/src/assets/gtk-3.0/common-assets/render-assets.sh @@ -1,37 +1,69 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" -SRC_FILE="assets.svg" -ASSETS_DIR="assets" INDEX="assets.txt" +INDEX_T="theme_assets.txt" -[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR -mkdir -p $ASSETS_DIR +for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + ASSETS_DIR="assets${theme}" + SRC_FILE="assets${theme}.svg" -for i in `cat $INDEX` -do -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 $ASSETS_DIR/$i@2.png ]; then - echo $ASSETS_DIR/$i@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i@2.png - $INKSCAPE --export-id=$i \ - --export-dpi=192 \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png -fi + [[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR + mkdir -p $ASSETS_DIR + + if [[ ${theme} == '' ]]; then + for i in `cat $INDEX`; do + 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 $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=192 \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png + fi + done + else + for i in `cat $INDEX_T`; do + 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 $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=192 \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png + fi + done + fi done + exit 0 diff --git a/src/assets/gtk-3.0/common-assets/theme_assets.txt b/src/assets/gtk-3.0/common-assets/theme_assets.txt new file mode 100644 index 0000000..9f4c248 --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/theme_assets.txt @@ -0,0 +1,10 @@ +checkbox-checked +checkbox-mixed +radio-checked +radio-mixed +checkbox-checked-selectionmode +checkbox-checked-dark +checkbox-mixed-dark +radio-checked-dark +radio-mixed-dark +checkbox-checked-selectionmode-dark diff --git a/src/assets/gtk-3.0/render-thumbnails.sh b/src/assets/gtk-3.0/render-thumbnails.sh deleted file mode 100755 index aa1dba7..0000000 --- a/src/assets/gtk-3.0/render-thumbnails.sh +++ /dev/null @@ -1,19 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="thumbnail.svg" - -[[ -f thumbnail-light.png ]] && rm -rf thumbnail-light.png -echo Rendering thumbnail-light.png - -$INKSCAPE --export-id=thumbnail-light --export-id-only --export-filename=thumbnail-light.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-light.png - -[[ -f thumbnail-dark.png ]] && rm -rf thumbnail-dark.png -echo Rendering thumbnail-dark.png -$INKSCAPE --export-id=thumbnail-dark --export-id-only --export-filename=thumbnail-dark.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-dark.png - -exit 0 diff --git a/src/assets/gtk-3.0/thumbnail.svg b/src/assets/gtk-3.0/thumbnail.svg deleted file mode 100644 index 86e403e..0000000 --- a/src/assets/gtk-3.0/thumbnail.svg +++ /dev/null @@ -1,111 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh b/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh new file mode 100755 index 0000000..d6aee08 --- /dev/null +++ b/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh @@ -0,0 +1,21 @@ +#! /usr/bin/env bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="thumbnail.svg" + +for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + [[ -f thumbnail-light${theme}.png ]] && rm -rf thumbnail-light${theme}.png + echo Rendering thumbnail-light${theme}.png + + $INKSCAPE --export-id=thumbnail-light${theme} --export-id-only --export-filename=thumbnail-light${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-light${theme}.png + + [[ -f thumbnail-dark${theme}.png ]] && rm -rf thumbnail-dark${theme}.png + echo Rendering thumbnail-dark${theme}.png + $INKSCAPE --export-id=thumbnail-dark${theme} --export-id-only --export-filename=thumbnail-dark${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-dark${theme}.png +done + +exit 0 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png new file mode 100644 index 0000000..b435e9a Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png new file mode 100644 index 0000000..132d729 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png new file mode 100644 index 0000000..697ff1a Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png new file mode 100644 index 0000000..aea0230 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png new file mode 100644 index 0000000..5668dde Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png new file mode 100644 index 0000000..897ff3a Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png new file mode 100644 index 0000000..2278ad1 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png new file mode 100644 index 0000000..d386ebc Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png differ diff --git a/src/assets/gtk-3.0/thumbnail-dark.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark.png similarity index 100% rename from src/assets/gtk-3.0/thumbnail-dark.png rename to src/assets/gtk-3.0/thumbnails/thumbnail-dark.png diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png new file mode 100644 index 0000000..b0569f3 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png new file mode 100644 index 0000000..d9be776 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png new file mode 100644 index 0000000..0841c84 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png new file mode 100644 index 0000000..7ae2ab5 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png new file mode 100644 index 0000000..347dfd8 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png new file mode 100644 index 0000000..59b7faa Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png new file mode 100644 index 0000000..944e168 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png new file mode 100644 index 0000000..d04e82a Binary files /dev/null and b/src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png differ diff --git a/src/assets/gtk-3.0/thumbnail-light.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light.png similarity index 100% rename from src/assets/gtk-3.0/thumbnail-light.png rename to src/assets/gtk-3.0/thumbnails/thumbnail-light.png diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail.svg b/src/assets/gtk-3.0/thumbnails/thumbnail.svg new file mode 100644 index 0000000..3f15ec5 --- /dev/null +++ b/src/assets/gtk-3.0/thumbnails/thumbnail.svg @@ -0,0 +1,825 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh index 1b35364..6fb3f53 100755 --- a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh index 685ae93..3dae04d 100755 --- a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/assets/gtk-3.0/windows-assets/render-assets.sh b/src/assets/gtk-3.0/windows-assets/render-assets.sh index 0b5e481..1d4febc 100755 --- a/src/assets/gtk-3.0/windows-assets/render-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh index 8f1ff82..a3c17ad 100755 --- a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/main/cinnamon/cinnamon-dark-blue.css b/src/main/cinnamon/cinnamon-dark-blue.css new file mode 100644 index 0000000..3e156f7 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-blue.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #2E7CF7; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* 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 #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-blue.scss b/src/main/cinnamon/cinnamon-dark-blue.scss new file mode 100644 index 0000000..4af132a --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-blue.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-green.css b/src/main/cinnamon/cinnamon-dark-green.css new file mode 100644 index 0000000..1a01a3a --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-green.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #79B757; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* 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 #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-green.scss b/src/main/cinnamon/cinnamon-dark-green.scss new file mode 100644 index 0000000..dd8f458 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-green.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-grey.css b/src/main/cinnamon/cinnamon-dark-grey.css new file mode 100644 index 0000000..9030395 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-grey.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #8C8C8C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* 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 #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-grey.scss b/src/main/cinnamon/cinnamon-dark-grey.scss new file mode 100644 index 0000000..8c9dd44 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-grey.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-orange.css b/src/main/cinnamon/cinnamon-dark-orange.css new file mode 100644 index 0000000..4dee409 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-orange.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #E9873A; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* 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 #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-orange.scss b/src/main/cinnamon/cinnamon-dark-orange.scss new file mode 100644 index 0000000..abbdb49 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-orange.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-pink.css b/src/main/cinnamon/cinnamon-dark-pink.css new file mode 100644 index 0000000..c5836f0 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-pink.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #E55E9C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* 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 #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-pink.scss b/src/main/cinnamon/cinnamon-dark-pink.scss new file mode 100644 index 0000000..61a9fae --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-pink.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-purple.css b/src/main/cinnamon/cinnamon-dark-purple.css new file mode 100644 index 0000000..8ad8352 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-purple.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #9A57A3; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* 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 #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-purple.scss b/src/main/cinnamon/cinnamon-dark-purple.scss new file mode 100644 index 0000000..f15e8b8 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-purple.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-red.css b/src/main/cinnamon/cinnamon-dark-red.css new file mode 100644 index 0000000..1ffa787 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-red.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #ED5F5D; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* 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 #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-red.scss b/src/main/cinnamon/cinnamon-dark-red.scss new file mode 100644 index 0000000..8297c10 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-red.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.css b/src/main/cinnamon/cinnamon-dark-solid-blue.css new file mode 100644 index 0000000..acd9ff6 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-blue.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #2E7CF7; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* 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 #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.scss b/src/main/cinnamon/cinnamon-dark-solid-blue.scss new file mode 100644 index 0000000..326b6cf --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-blue.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.css b/src/main/cinnamon/cinnamon-dark-solid-green.css new file mode 100644 index 0000000..d300667 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-green.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #79B757; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* 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 #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.scss b/src/main/cinnamon/cinnamon-dark-solid-green.scss new file mode 100644 index 0000000..d39632a --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-green.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.css b/src/main/cinnamon/cinnamon-dark-solid-grey.css new file mode 100644 index 0000000..e9bea50 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-grey.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #8C8C8C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* 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 #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.scss b/src/main/cinnamon/cinnamon-dark-solid-grey.scss new file mode 100644 index 0000000..6ad1742 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-grey.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.css b/src/main/cinnamon/cinnamon-dark-solid-orange.css new file mode 100644 index 0000000..0c53afd --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-orange.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #E9873A; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* 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 #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.scss b/src/main/cinnamon/cinnamon-dark-solid-orange.scss new file mode 100644 index 0000000..0651366 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-orange.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.css b/src/main/cinnamon/cinnamon-dark-solid-pink.css new file mode 100644 index 0000000..9187cf1 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-pink.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #E55E9C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* 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 #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.scss b/src/main/cinnamon/cinnamon-dark-solid-pink.scss new file mode 100644 index 0000000..1055c87 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-pink.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.css b/src/main/cinnamon/cinnamon-dark-solid-purple.css new file mode 100644 index 0000000..fbbc302 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-purple.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #9A57A3; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* 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 #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.scss b/src/main/cinnamon/cinnamon-dark-solid-purple.scss new file mode 100644 index 0000000..6414dce --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-purple.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.css b/src/main/cinnamon/cinnamon-dark-solid-red.css new file mode 100644 index 0000000..08daefb --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-red.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #ED5F5D; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* 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 #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.scss b/src/main/cinnamon/cinnamon-dark-solid-red.scss new file mode 100644 index 0000000..822a75a --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-red.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.css b/src/main/cinnamon/cinnamon-dark-solid-yellow.css new file mode 100644 index 0000000..12c6bb3 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-yellow.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #F3BA4B; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* 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 #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.scss b/src/main/cinnamon/cinnamon-dark-solid-yellow.scss new file mode 100644 index 0000000..f6d75ed --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid.scss b/src/main/cinnamon/cinnamon-dark-solid.scss index 0bb640d..f633067 100644 --- a/src/main/cinnamon/cinnamon-dark-solid.scss +++ b/src/main/cinnamon/cinnamon-dark-solid.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/cinnamon/cinnamon-dark-yellow.css b/src/main/cinnamon/cinnamon-dark-yellow.css new file mode 100644 index 0000000..3e8c535 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-yellow.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #F3BA4B; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.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(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* 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 #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-yellow.scss b/src/main/cinnamon/cinnamon-dark-yellow.scss new file mode 100644 index 0000000..fe434d5 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark.scss b/src/main/cinnamon/cinnamon-dark.scss index 66eb238..0390a83 100644 --- a/src/main/cinnamon/cinnamon-dark.scss +++ b/src/main/cinnamon/cinnamon-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/cinnamon/cinnamon-light-blue.css b/src/main/cinnamon/cinnamon-light-blue.css new file mode 100644 index 0000000..63cbb05 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-blue.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #2E7CF7; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.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(22, 22, 22, 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: #2E7CF7; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* 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 #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-blue.scss b/src/main/cinnamon/cinnamon-light-blue.scss new file mode 100644 index 0000000..58e2cb7 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-blue.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-green.css b/src/main/cinnamon/cinnamon-light-green.css new file mode 100644 index 0000000..eff6e74 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-green.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #79B757; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.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(22, 22, 22, 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: #79B757; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* 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 #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-green.scss b/src/main/cinnamon/cinnamon-light-green.scss new file mode 100644 index 0000000..55c2695 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-green.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-grey.css b/src/main/cinnamon/cinnamon-light-grey.css new file mode 100644 index 0000000..a46ac98 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-grey.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #8C8C8C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.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(22, 22, 22, 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: #8C8C8C; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* 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 #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-grey.scss b/src/main/cinnamon/cinnamon-light-grey.scss new file mode 100644 index 0000000..d183ecb --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-grey.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-orange.css b/src/main/cinnamon/cinnamon-light-orange.css new file mode 100644 index 0000000..9970a68 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-orange.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #E9873A; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.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(22, 22, 22, 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: #E9873A; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* 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 #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-orange.scss b/src/main/cinnamon/cinnamon-light-orange.scss new file mode 100644 index 0000000..1b4f67e --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-orange.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-pink.css b/src/main/cinnamon/cinnamon-light-pink.css new file mode 100644 index 0000000..b2eac81 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-pink.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #E55E9C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.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(22, 22, 22, 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: #E55E9C; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* 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 #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-pink.scss b/src/main/cinnamon/cinnamon-light-pink.scss new file mode 100644 index 0000000..c4f622f --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-pink.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-purple.css b/src/main/cinnamon/cinnamon-light-purple.css new file mode 100644 index 0000000..cfecbd8 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-purple.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #9A57A3; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.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(22, 22, 22, 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: #9A57A3; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* 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 #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-purple.scss b/src/main/cinnamon/cinnamon-light-purple.scss new file mode 100644 index 0000000..d48d7a8 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-purple.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-red.css b/src/main/cinnamon/cinnamon-light-red.css new file mode 100644 index 0000000..59940be --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-red.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #ED5F5D; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.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(22, 22, 22, 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: #ED5F5D; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* 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 #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-red.scss b/src/main/cinnamon/cinnamon-light-red.scss new file mode 100644 index 0000000..a42005f --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-red.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.css b/src/main/cinnamon/cinnamon-light-solid-blue.css new file mode 100644 index 0000000..3beaf94 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-blue.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #2E7CF7; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.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 #161616; + 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: #2E7CF7; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* 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 #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.scss b/src/main/cinnamon/cinnamon-light-solid-blue.scss new file mode 100644 index 0000000..10df3cd --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-blue.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-green.css b/src/main/cinnamon/cinnamon-light-solid-green.css new file mode 100644 index 0000000..a9916db --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-green.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #79B757; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.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 #161616; + 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: #79B757; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* 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 #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-green.scss b/src/main/cinnamon/cinnamon-light-solid-green.scss new file mode 100644 index 0000000..7cf7bbf --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-green.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.css b/src/main/cinnamon/cinnamon-light-solid-grey.css new file mode 100644 index 0000000..7a5152a --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-grey.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #8C8C8C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.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 #161616; + 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: #8C8C8C; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* 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 #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.scss b/src/main/cinnamon/cinnamon-light-solid-grey.scss new file mode 100644 index 0000000..477d37a --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-grey.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.css b/src/main/cinnamon/cinnamon-light-solid-orange.css new file mode 100644 index 0000000..a9f1de1 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-orange.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #E9873A; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.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 #161616; + 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: #E9873A; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* 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 #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.scss b/src/main/cinnamon/cinnamon-light-solid-orange.scss new file mode 100644 index 0000000..efa31d0 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-orange.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.css b/src/main/cinnamon/cinnamon-light-solid-pink.css new file mode 100644 index 0000000..1a623c5 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-pink.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #E55E9C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.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 #161616; + 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: #E55E9C; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* 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 #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.scss b/src/main/cinnamon/cinnamon-light-solid-pink.scss new file mode 100644 index 0000000..661ff3a --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-pink.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.css b/src/main/cinnamon/cinnamon-light-solid-purple.css new file mode 100644 index 0000000..531c105 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-purple.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #9A57A3; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.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 #161616; + 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: #9A57A3; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* 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 #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.scss b/src/main/cinnamon/cinnamon-light-solid-purple.scss new file mode 100644 index 0000000..1e3f39b --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-purple.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-red.css b/src/main/cinnamon/cinnamon-light-solid-red.css new file mode 100644 index 0000000..925f434 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-red.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #ED5F5D; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.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 #161616; + 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: #ED5F5D; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* 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 #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-red.scss b/src/main/cinnamon/cinnamon-light-solid-red.scss new file mode 100644 index 0000000..9101ef5 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-red.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.css b/src/main/cinnamon/cinnamon-light-solid-yellow.css new file mode 100644 index 0000000..1f077fa --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-yellow.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #F3BA4B; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.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 #161616; + 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: #F3BA4B; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* 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 #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.scss b/src/main/cinnamon/cinnamon-light-solid-yellow.scss new file mode 100644 index 0000000..a395d69 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid.scss b/src/main/cinnamon/cinnamon-light-solid.scss index ceb34d0..f6ff3cc 100644 --- a/src/main/cinnamon/cinnamon-light-solid.scss +++ b/src/main/cinnamon/cinnamon-light-solid.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/cinnamon/cinnamon-light-yellow.css b/src/main/cinnamon/cinnamon-light-yellow.css new file mode 100644 index 0000000..74f3e5e --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-yellow.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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 .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #F3BA4B; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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(42, 42, 42, 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.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(22, 22, 22, 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: #F3BA4B; + -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: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* 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 #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 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 #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-yellow.scss b/src/main/cinnamon/cinnamon-light-yellow.scss new file mode 100644 index 0000000..ea8c042 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light.scss b/src/main/cinnamon/cinnamon-light.scss index 6dce1dc..bbfcfea 100644 --- a/src/main/cinnamon/cinnamon-light.scss +++ b/src/main/cinnamon/cinnamon-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gdm3-dark-blue.css b/src/main/gnome-shell/gdm3-dark-blue.css new file mode 100644 index 0000000..138381f --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-blue.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-blue.scss b/src/main/gnome-shell/gdm3-dark-blue.scss new file mode 100644 index 0000000..6bf7875 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-blue.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-green.css b/src/main/gnome-shell/gdm3-dark-green.css new file mode 100644 index 0000000..e577b20 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-green.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-green.scss b/src/main/gnome-shell/gdm3-dark-green.scss new file mode 100644 index 0000000..80f8a5e --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-green.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-grey.css b/src/main/gnome-shell/gdm3-dark-grey.css new file mode 100644 index 0000000..6b83160 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-grey.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-grey.scss b/src/main/gnome-shell/gdm3-dark-grey.scss new file mode 100644 index 0000000..b2900f2 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-grey.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-orange.css b/src/main/gnome-shell/gdm3-dark-orange.css new file mode 100644 index 0000000..ef89e0e --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-orange.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-orange.scss b/src/main/gnome-shell/gdm3-dark-orange.scss new file mode 100644 index 0000000..68671a4 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-orange.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-pink.css b/src/main/gnome-shell/gdm3-dark-pink.css new file mode 100644 index 0000000..0e268d2 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-pink.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-pink.scss b/src/main/gnome-shell/gdm3-dark-pink.scss new file mode 100644 index 0000000..5d52e9c --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-pink.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-purple.css b/src/main/gnome-shell/gdm3-dark-purple.css new file mode 100644 index 0000000..03d965e --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-purple.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-purple.scss b/src/main/gnome-shell/gdm3-dark-purple.scss new file mode 100644 index 0000000..2db63c4 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-purple.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-red.css b/src/main/gnome-shell/gdm3-dark-red.css new file mode 100644 index 0000000..3d1b10f --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-red.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-red.scss b/src/main/gnome-shell/gdm3-dark-red.scss new file mode 100644 index 0000000..8a126eb --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-red.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-yellow.css b/src/main/gnome-shell/gdm3-dark-yellow.css new file mode 100644 index 0000000..72f6778 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-yellow.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-yellow.scss b/src/main/gnome-shell/gdm3-dark-yellow.scss new file mode 100644 index 0000000..b168020 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-yellow.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark.scss b/src/main/gnome-shell/gdm3-dark.scss index af0b47b..e5e664e 100644 --- a/src/main/gnome-shell/gdm3-dark.scss +++ b/src/main/gnome-shell/gdm3-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gdm3-light-blue.css b/src/main/gnome-shell/gdm3-light-blue.css new file mode 100644 index 0000000..09e5413 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-blue.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-blue.scss b/src/main/gnome-shell/gdm3-light-blue.scss new file mode 100644 index 0000000..c637ed7 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-blue.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-green.css b/src/main/gnome-shell/gdm3-light-green.css new file mode 100644 index 0000000..f5a5de3 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-green.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-green.scss b/src/main/gnome-shell/gdm3-light-green.scss new file mode 100644 index 0000000..8a80b21 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-green.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-grey.css b/src/main/gnome-shell/gdm3-light-grey.css new file mode 100644 index 0000000..7959e46 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-grey.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-grey.scss b/src/main/gnome-shell/gdm3-light-grey.scss new file mode 100644 index 0000000..53b2ac5 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-grey.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-orange.css b/src/main/gnome-shell/gdm3-light-orange.css new file mode 100644 index 0000000..edb9ab6 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-orange.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-orange.scss b/src/main/gnome-shell/gdm3-light-orange.scss new file mode 100644 index 0000000..92c2fa9 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-orange.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-pink.css b/src/main/gnome-shell/gdm3-light-pink.css new file mode 100644 index 0000000..2776657 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-pink.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-pink.scss b/src/main/gnome-shell/gdm3-light-pink.scss new file mode 100644 index 0000000..65cc22a --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-pink.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-purple.css b/src/main/gnome-shell/gdm3-light-purple.css new file mode 100644 index 0000000..9d2d05b --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-purple.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-purple.scss b/src/main/gnome-shell/gdm3-light-purple.scss new file mode 100644 index 0000000..9b89c18 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-purple.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-red.css b/src/main/gnome-shell/gdm3-light-red.css new file mode 100644 index 0000000..3f9cac8 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-red.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-red.scss b/src/main/gnome-shell/gdm3-light-red.scss new file mode 100644 index 0000000..baecff3 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-red.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-yellow.css b/src/main/gnome-shell/gdm3-light-yellow.css new file mode 100644 index 0000000..48ed76d --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-yellow.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-yellow.scss b/src/main/gnome-shell/gdm3-light-yellow.scss new file mode 100644 index 0000000..d48e35a --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-yellow.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light.scss b/src/main/gnome-shell/gdm3-light.scss index 04884a6..8c58ae9 100644 --- a/src/main/gnome-shell/gdm3-light.scss +++ b/src/main/gnome-shell/gdm3-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-alt-blue.css new file mode 100644 index 0000000..12107a9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss b/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss new file mode 100644 index 0000000..d252bfd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-alt-green.css new file mode 100644 index 0000000..822e9b3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.scss b/src/main/gnome-shell/gnome-shell-dark-alt-green.scss new file mode 100644 index 0000000..2c2daa3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-alt-grey.css new file mode 100644 index 0000000..c78e673 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss b/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss new file mode 100644 index 0000000..0dcbea3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-alt-orange.css new file mode 100644 index 0000000..5c2f889 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss b/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss new file mode 100644 index 0000000..1d8a837 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-alt-pink.css new file mode 100644 index 0000000..9172757 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss b/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss new file mode 100644 index 0000000..056e73f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-alt-purple.css new file mode 100644 index 0000000..7851c03 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss b/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss new file mode 100644 index 0000000..4f964dd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-alt-red.css new file mode 100644 index 0000000..71976dc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.scss b/src/main/gnome-shell/gnome-shell-dark-alt-red.scss new file mode 100644 index 0000000..155a05e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css new file mode 100644 index 0000000..957bb8a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss new file mode 100644 index 0000000..0a56599 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt.scss b/src/main/gnome-shell/gnome-shell-dark-alt.scss index 27a8d48..92b3634 100644 --- a/src/main/gnome-shell/gnome-shell-dark-alt.scss +++ b/src/main/gnome-shell/gnome-shell-dark-alt.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.css b/src/main/gnome-shell/gnome-shell-dark-blue.css new file mode 100644 index 0000000..12107a9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.scss b/src/main/gnome-shell/gnome-shell-dark-blue.scss new file mode 100644 index 0000000..d252bfd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-green.css b/src/main/gnome-shell/gnome-shell-dark-green.css new file mode 100644 index 0000000..822e9b3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-green.scss b/src/main/gnome-shell/gnome-shell-dark-green.scss new file mode 100644 index 0000000..2c2daa3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.css b/src/main/gnome-shell/gnome-shell-dark-grey.css new file mode 100644 index 0000000..c78e673 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.scss b/src/main/gnome-shell/gnome-shell-dark-grey.scss new file mode 100644 index 0000000..0dcbea3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.css b/src/main/gnome-shell/gnome-shell-dark-orange.css new file mode 100644 index 0000000..5c2f889 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.scss b/src/main/gnome-shell/gnome-shell-dark-orange.scss new file mode 100644 index 0000000..1d8a837 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.css b/src/main/gnome-shell/gnome-shell-dark-pink.css new file mode 100644 index 0000000..9172757 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.scss b/src/main/gnome-shell/gnome-shell-dark-pink.scss new file mode 100644 index 0000000..056e73f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.css b/src/main/gnome-shell/gnome-shell-dark-purple.css new file mode 100644 index 0000000..7851c03 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.scss b/src/main/gnome-shell/gnome-shell-dark-purple.scss new file mode 100644 index 0000000..4f964dd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-red.css b/src/main/gnome-shell/gnome-shell-dark-red.css new file mode 100644 index 0000000..71976dc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-red.scss b/src/main/gnome-shell/gnome-shell-dark-red.scss new file mode 100644 index 0000000..155a05e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css new file mode 100644 index 0000000..73dab02 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss new file mode 100644 index 0000000..19c1365 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css new file mode 100644 index 0000000..4ef75ca --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss new file mode 100644 index 0000000..b2d79a1 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css new file mode 100644 index 0000000..651bd04 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss new file mode 100644 index 0000000..0a0482e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css new file mode 100644 index 0000000..01daebd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss new file mode 100644 index 0000000..8fbe047 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css new file mode 100644 index 0000000..ef94061 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss new file mode 100644 index 0000000..6788d02 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css new file mode 100644 index 0000000..ca2215a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss new file mode 100644 index 0000000..2107ee9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css new file mode 100644 index 0000000..a4aa28d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss new file mode 100644 index 0000000..997b656 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css new file mode 100644 index 0000000..bfcdadc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss new file mode 100644 index 0000000..a348902 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss index d83dae0..4341fec 100644 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-blue.css new file mode 100644 index 0000000..73dab02 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss b/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss new file mode 100644 index 0000000..19c1365 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-green.css new file mode 100644 index 0000000..4ef75ca --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.scss b/src/main/gnome-shell/gnome-shell-dark-solid-green.scss new file mode 100644 index 0000000..b2d79a1 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-grey.css new file mode 100644 index 0000000..651bd04 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss b/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss new file mode 100644 index 0000000..0a0482e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-orange.css new file mode 100644 index 0000000..01daebd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss b/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss new file mode 100644 index 0000000..8fbe047 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-pink.css new file mode 100644 index 0000000..ef94061 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss b/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss new file mode 100644 index 0000000..6788d02 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-purple.css new file mode 100644 index 0000000..ca2215a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss b/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss new file mode 100644 index 0000000..2107ee9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-red.css new file mode 100644 index 0000000..a4aa28d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.scss b/src/main/gnome-shell/gnome-shell-dark-solid-red.scss new file mode 100644 index 0000000..997b656 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css new file mode 100644 index 0000000..bfcdadc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.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: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss new file mode 100644 index 0000000..a348902 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.scss b/src/main/gnome-shell/gnome-shell-dark-solid.scss index d83dae0..4341fec 100644 --- a/src/main/gnome-shell/gnome-shell-dark-solid.scss +++ b/src/main/gnome-shell/gnome-shell-dark-solid.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.css b/src/main/gnome-shell/gnome-shell-dark-yellow.css new file mode 100644 index 0000000..957bb8a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + 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.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.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: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* 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.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(16, 16, 16, 0.25); +} + +#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: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-yellow.scss new file mode 100644 index 0000000..0a56599 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark.scss b/src/main/gnome-shell/gnome-shell-dark.scss index 27a8d48..92b3634 100644 --- a/src/main/gnome-shell/gnome-shell-dark.scss +++ b/src/main/gnome-shell/gnome-shell-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-alt-blue.css new file mode 100644 index 0000000..94268b8 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-blue.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.scss b/src/main/gnome-shell/gnome-shell-light-alt-blue.scss new file mode 100644 index 0000000..8dd342b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.css b/src/main/gnome-shell/gnome-shell-light-alt-green.css new file mode 100644 index 0000000..6525117 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-green.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.scss b/src/main/gnome-shell/gnome-shell-light-alt-green.scss new file mode 100644 index 0000000..91cfd66 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-alt-grey.css new file mode 100644 index 0000000..4ce14d3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-grey.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.scss b/src/main/gnome-shell/gnome-shell-light-alt-grey.scss new file mode 100644 index 0000000..e41ad9d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-alt-orange.css new file mode 100644 index 0000000..ce56d2b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-orange.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.scss b/src/main/gnome-shell/gnome-shell-light-alt-orange.scss new file mode 100644 index 0000000..f466356 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-alt-pink.css new file mode 100644 index 0000000..0673379 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-pink.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.scss b/src/main/gnome-shell/gnome-shell-light-alt-pink.scss new file mode 100644 index 0000000..4b4cd89 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-alt-purple.css new file mode 100644 index 0000000..192d681 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-purple.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.scss b/src/main/gnome-shell/gnome-shell-light-alt-purple.scss new file mode 100644 index 0000000..a99158c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.css b/src/main/gnome-shell/gnome-shell-light-alt-red.css new file mode 100644 index 0000000..dbe647d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-red.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.scss b/src/main/gnome-shell/gnome-shell-light-alt-red.scss new file mode 100644 index 0000000..4875056 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-alt-yellow.css new file mode 100644 index 0000000..b347a53 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-yellow.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss new file mode 100644 index 0000000..49a5785 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt.scss b/src/main/gnome-shell/gnome-shell-light-alt.scss index 01124a6..e378805 100644 --- a/src/main/gnome-shell/gnome-shell-light-alt.scss +++ b/src/main/gnome-shell/gnome-shell-light-alt.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-blue.css b/src/main/gnome-shell/gnome-shell-light-blue.css new file mode 100644 index 0000000..ce4d184 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-blue.scss b/src/main/gnome-shell/gnome-shell-light-blue.scss new file mode 100644 index 0000000..742ee15 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-green.css b/src/main/gnome-shell/gnome-shell-light-green.css new file mode 100644 index 0000000..80b5114 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-green.scss b/src/main/gnome-shell/gnome-shell-light-green.scss new file mode 100644 index 0000000..dd07d1a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-grey.css b/src/main/gnome-shell/gnome-shell-light-grey.css new file mode 100644 index 0000000..5ae0ed5 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-grey.scss b/src/main/gnome-shell/gnome-shell-light-grey.scss new file mode 100644 index 0000000..6b71f11 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-orange.css b/src/main/gnome-shell/gnome-shell-light-orange.css new file mode 100644 index 0000000..c84dddc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-orange.scss b/src/main/gnome-shell/gnome-shell-light-orange.scss new file mode 100644 index 0000000..795a3c6 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-pink.css b/src/main/gnome-shell/gnome-shell-light-pink.css new file mode 100644 index 0000000..0482cb5 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-pink.scss b/src/main/gnome-shell/gnome-shell-light-pink.scss new file mode 100644 index 0000000..f76378b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-purple.css b/src/main/gnome-shell/gnome-shell-light-purple.css new file mode 100644 index 0000000..30fe31e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-purple.scss b/src/main/gnome-shell/gnome-shell-light-purple.scss new file mode 100644 index 0000000..854df36 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-red.css b/src/main/gnome-shell/gnome-shell-light-red.css new file mode 100644 index 0000000..fd6a803 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-red.scss b/src/main/gnome-shell/gnome-shell-light-red.scss new file mode 100644 index 0000000..5083221 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css new file mode 100644 index 0000000..161aacc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss new file mode 100644 index 0000000..a31aeb0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css new file mode 100644 index 0000000..8ba2495 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss new file mode 100644 index 0000000..f3c440a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css new file mode 100644 index 0000000..d5f531f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss new file mode 100644 index 0000000..c07f83d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css new file mode 100644 index 0000000..bfb4edd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss new file mode 100644 index 0000000..bcaba16 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css new file mode 100644 index 0000000..621c5b5 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss new file mode 100644 index 0000000..761fb11 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css new file mode 100644 index 0000000..1a3d234 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss new file mode 100644 index 0000000..af982e2 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css new file mode 100644 index 0000000..3f3e66b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss new file mode 100644 index 0000000..aab0027 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css new file mode 100644 index 0000000..bfb4edd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss new file mode 100644 index 0000000..bcaba16 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt.scss index fe077d9..e87082d 100644 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt.scss +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-blue.css new file mode 100644 index 0000000..161aacc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-blue.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.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: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.scss b/src/main/gnome-shell/gnome-shell-light-solid-blue.scss new file mode 100644 index 0000000..a31aeb0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.css b/src/main/gnome-shell/gnome-shell-light-solid-green.css new file mode 100644 index 0000000..8ba2495 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-green.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.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: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.scss b/src/main/gnome-shell/gnome-shell-light-solid-green.scss new file mode 100644 index 0000000..f3c440a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-grey.css new file mode 100644 index 0000000..d5f531f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-grey.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.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: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.scss b/src/main/gnome-shell/gnome-shell-light-solid-grey.scss new file mode 100644 index 0000000..c07f83d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-orange.css new file mode 100644 index 0000000..bfb4edd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-orange.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.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: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.scss b/src/main/gnome-shell/gnome-shell-light-solid-orange.scss new file mode 100644 index 0000000..bcaba16 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-pink.css new file mode 100644 index 0000000..621c5b5 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-pink.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.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: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.scss b/src/main/gnome-shell/gnome-shell-light-solid-pink.scss new file mode 100644 index 0000000..761fb11 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-purple.css new file mode 100644 index 0000000..1a3d234 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-purple.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.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: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.scss b/src/main/gnome-shell/gnome-shell-light-solid-purple.scss new file mode 100644 index 0000000..af982e2 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.css b/src/main/gnome-shell/gnome-shell-light-solid-red.css new file mode 100644 index 0000000..3f3e66b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-red.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.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: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.scss b/src/main/gnome-shell/gnome-shell-light-solid-red.scss new file mode 100644 index 0000000..aab0027 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-yellow.css new file mode 100644 index 0000000..f005590 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-yellow.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: 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: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.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: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss b/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss new file mode 100644 index 0000000..24dd29a --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid.scss b/src/main/gnome-shell/gnome-shell-light-solid.scss index fe077d9..e87082d 100644 --- a/src/main/gnome-shell/gnome-shell-light-solid.scss +++ b/src/main/gnome-shell/gnome-shell-light-solid.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.css b/src/main/gnome-shell/gnome-shell-light-yellow.css new file mode 100644 index 0000000..a3c622d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.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: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + 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; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.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.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.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.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.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.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.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.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.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; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.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; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.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; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.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.leightweight { + 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: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.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: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.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; +} + +.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: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.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; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + 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 { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.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: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.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: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-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; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.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.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.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.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.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; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#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: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + 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: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.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.2); +} + +.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: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + 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: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#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 #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#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: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.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.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#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: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.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; +} + +.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; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* 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: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.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: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.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: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#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: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#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: rgba(241, 241, 241, 0.15); +} + +#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: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.scss b/src/main/gnome-shell/gnome-shell-light-yellow.scss new file mode 100644 index 0000000..aa383fd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light.scss b/src/main/gnome-shell/gnome-shell-light.scss index a08028f..a4c360e 100644 --- a/src/main/gnome-shell/gnome-shell-light.scss +++ b/src/main/gnome-shell/gnome-shell-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-2.0/gtkrc-dark-blue b/src/main/gtk-2.0/gtkrc-dark-blue new file mode 100644 index 0000000..4699d8b --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-blue @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #2E7CF7" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-green b/src/main/gtk-2.0/gtkrc-dark-green new file mode 100644 index 0000000..76bf5fb --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-green @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #79B757" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-grey b/src/main/gtk-2.0/gtkrc-dark-grey new file mode 100644 index 0000000..ecb15a0 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-grey @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #8C8C8C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-orange b/src/main/gtk-2.0/gtkrc-dark-orange new file mode 100644 index 0000000..9f870b2 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-orange @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #E9873A" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-pink b/src/main/gtk-2.0/gtkrc-dark-pink new file mode 100644 index 0000000..537314f --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-pink @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #E55E9C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-purple b/src/main/gtk-2.0/gtkrc-dark-purple new file mode 100644 index 0000000..c62eae3 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-purple @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #9A57A3" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-red b/src/main/gtk-2.0/gtkrc-dark-red new file mode 100644 index 0000000..5da1409 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-red @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #ED5F5D" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-yellow b/src/main/gtk-2.0/gtkrc-dark-yellow new file mode 100644 index 0000000..cb34ace --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-yellow @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #F3BA4B" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-blue b/src/main/gtk-2.0/gtkrc-light-blue new file mode 100644 index 0000000..3b1e24d --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-blue @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #2E7CF7" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-green b/src/main/gtk-2.0/gtkrc-light-green new file mode 100644 index 0000000..d04a6f1 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-green @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #79B757" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-grey b/src/main/gtk-2.0/gtkrc-light-grey new file mode 100644 index 0000000..31ae48a --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-grey @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #8C8C8C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-orange b/src/main/gtk-2.0/gtkrc-light-orange new file mode 100644 index 0000000..2b3ad87 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-orange @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #E9873A" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-pink b/src/main/gtk-2.0/gtkrc-light-pink new file mode 100644 index 0000000..1965d06 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-pink @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #E55E9C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-purple b/src/main/gtk-2.0/gtkrc-light-purple new file mode 100644 index 0000000..5389d11 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-purple @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #9A57A3" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-red b/src/main/gtk-2.0/gtkrc-light-red new file mode 100644 index 0000000..b1135dc --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-red @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #ED5F5D" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-yellow b/src/main/gtk-2.0/gtkrc-light-yellow new file mode 100644 index 0000000..8589ea7 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-yellow @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #F3BA4B" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-3.0/gtk-dark-blue.css b/src/main/gtk-3.0/gtk-dark-blue.css new file mode 100644 index 0000000..00b4e01 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-blue.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(46, 124, 247, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #86adeb; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #90bafb; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #2E7CF7; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#25282f); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#252d39); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window rgba(43, 115, 230, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-blue.scss b/src/main/gtk-3.0/gtk-dark-blue.scss new file mode 100644 index 0000000..21eabba --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-blue.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-green.css b/src/main/gtk-3.0/gtk-dark-green.css new file mode 100644 index 0000000..e683325 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-green.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(121, 183, 87, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #accb9b; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #b2d69e; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #79B757; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#282b27); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2d3329); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window rgba(113, 170, 81, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-green.scss b/src/main/gtk-3.0/gtk-dark-green.scss new file mode 100644 index 0000000..cbfd8e4 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-green.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-grey.css b/src/main/gtk-3.0/gtk-dark-grey.css new file mode 100644 index 0000000..ecf2f51 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-grey.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(140, 140, 140, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #b5b5b5; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #bfbfbf; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #8C8C8C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#292929); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2e2e2e); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window rgba(130, 130, 130, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-grey.scss b/src/main/gtk-3.0/gtk-dark-grey.scss new file mode 100644 index 0000000..e33bd6c --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-grey.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-orange.css b/src/main/gtk-3.0/gtk-dark-orange.css new file mode 100644 index 0000000..adcfb46 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-orange.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(233, 135, 58, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e4b38c; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3bf96; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E9873A; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2925); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382e26); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window rgba(217, 126, 54, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-orange.scss b/src/main/gtk-3.0/gtk-dark-orange.scss new file mode 100644 index 0000000..dac272b --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-orange.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-pink.css b/src/main/gtk-3.0/gtk-dark-pink.css new file mode 100644 index 0000000..02a3332 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-pink.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(229, 94, 156, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e29ebd; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3b6d2; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E55E9C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#372a30); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window rgba(213, 88, 145, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-pink.scss b/src/main/gtk-3.0/gtk-dark-pink.scss new file mode 100644 index 0000000..9fc191e --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-pink.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-purple.css b/src/main/gtk-3.0/gtk-dark-purple.css new file mode 100644 index 0000000..63356c6 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-purple.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(154, 87, 163, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bc9bc1; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #c298c8; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #9A57A3; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2a272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#302931); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window rgba(143, 81, 152, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-purple.scss b/src/main/gtk-3.0/gtk-dark-purple.scss new file mode 100644 index 0000000..4fc0542 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-purple.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-red.css b/src/main/gtk-3.0/gtk-dark-red.css new file mode 100644 index 0000000..ca2b41c --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-red.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(237, 95, 93, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e69f9e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f7bab9; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #ED5F5D; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2727); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382a2a); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window rgba(221, 88, 87, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-red.scss b/src/main/gtk-3.0/gtk-dark-red.scss new file mode 100644 index 0000000..eca95e4 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-red.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.css b/src/main/gtk-3.0/gtk-dark-solid-blue.css new file mode 100644 index 0000000..9d01196 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-blue.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(46, 124, 247, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #86adeb; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #90bafb; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #2E7CF7; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#25282f); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#252d39); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window #2c5699; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.scss b/src/main/gtk-3.0/gtk-dark-solid-blue.scss new file mode 100644 index 0000000..d198797 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-blue.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.css b/src/main/gtk-3.0/gtk-dark-solid-green.css new file mode 100644 index 0000000..384d2eb --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-green.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(121, 183, 87, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #accb9b; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #b2d69e; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #79B757; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#282b27); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2d3329); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window #557642; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.scss b/src/main/gtk-3.0/gtk-dark-solid-green.scss new file mode 100644 index 0000000..be92cc4 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-green.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.css b/src/main/gtk-3.0/gtk-dark-solid-grey.css new file mode 100644 index 0000000..bc6c832 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-grey.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(140, 140, 140, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #b5b5b5; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #bfbfbf; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #8C8C8C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#292929); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2e2e2e); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window #5f5f5f; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.scss b/src/main/gtk-3.0/gtk-dark-solid-grey.scss new file mode 100644 index 0000000..bddfad0 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-grey.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.css b/src/main/gtk-3.0/gtk-dark-solid-orange.css new file mode 100644 index 0000000..dcd8843 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-orange.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(233, 135, 58, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e4b38c; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3bf96; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E9873A; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2925); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382e26); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window #915c33; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.scss b/src/main/gtk-3.0/gtk-dark-solid-orange.scss new file mode 100644 index 0000000..54a039d --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-orange.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.css b/src/main/gtk-3.0/gtk-dark-solid-pink.css new file mode 100644 index 0000000..0705554 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-pink.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(229, 94, 156, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e29ebd; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3b6d2; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E55E9C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#372a30); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window #8f4668; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.scss b/src/main/gtk-3.0/gtk-dark-solid-pink.scss new file mode 100644 index 0000000..b38620e --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-pink.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.css b/src/main/gtk-3.0/gtk-dark-solid-purple.css new file mode 100644 index 0000000..5fdf1a7 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-purple.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(154, 87, 163, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bc9bc1; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #c298c8; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #9A57A3; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2a272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#302931); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window #66426b; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.scss b/src/main/gtk-3.0/gtk-dark-solid-purple.scss new file mode 100644 index 0000000..8b39910 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-purple.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.css b/src/main/gtk-3.0/gtk-dark-solid-red.css new file mode 100644 index 0000000..6450da2 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-red.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(237, 95, 93, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e69f9e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f7bab9; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #ED5F5D; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2727); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382a2a); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window #934746; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.scss b/src/main/gtk-3.0/gtk-dark-solid-red.scss new file mode 100644 index 0000000..246574d --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-red.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.css b/src/main/gtk-3.0/gtk-dark-solid-yellow.css new file mode 100644 index 0000000..bfa7535 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-yellow.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(243, 186, 75, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e9cc95; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f9dfab; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #F3BA4B; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2c26); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#393328); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window #97783c; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.scss b/src/main/gtk-3.0/gtk-dark-solid-yellow.scss new file mode 100644 index 0000000..c44ad0a --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid.scss b/src/main/gtk-3.0/gtk-dark-solid.scss index 73e7f7e..415d715 100644 --- a/src/main/gtk-3.0/gtk-dark-solid.scss +++ b/src/main/gtk-3.0/gtk-dark-solid.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'false'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.css b/src/main/gtk-3.0/gtk-dark-yellow.css new file mode 100644 index 0000000..ed7dd69 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-yellow.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(243, 186, 75, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e9cc95; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f9dfab; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #F3BA4B; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2c26); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#393328); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #333333; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +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 > .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, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +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: #242424; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window rgba(226, 173, 70, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.scss b/src/main/gtk-3.0/gtk-dark-yellow.scss new file mode 100644 index 0000000..51fd312 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark.scss b/src/main/gtk-3.0/gtk-dark.scss index 03e315c..5cffa6a 100644 --- a/src/main/gtk-3.0/gtk-dark.scss +++ b/src/main/gtk-3.0/gtk-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-3.0/gtk-light-blue.css b/src/main/gtk-3.0/gtk-light-blue.css new file mode 100644 index 0000000..97360ab --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-blue.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(46, 124, 247, 0); + background-color: rgba(46, 124, 247, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #29508e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #2E7CF7; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f5f8ff); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#eaf2fe); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window rgba(60, 133, 248, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-blue.scss b/src/main/gtk-3.0/gtk-light-blue.scss new file mode 100644 index 0000000..de8e62e --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-blue.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-green.css b/src/main/gtk-3.0/gtk-light-green.css new file mode 100644 index 0000000..2d0780e --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-green.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(121, 183, 87, 0); + background-color: rgba(121, 183, 87, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #4f6e3e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #79B757; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f8fbf7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f2f8ee); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window rgba(130, 188, 99, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-green.scss b/src/main/gtk-3.0/gtk-light-green.scss new file mode 100644 index 0000000..0f36610 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-green.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-grey.css b/src/main/gtk-3.0/gtk-light-grey.css new file mode 100644 index 0000000..965b38a --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-grey.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(140, 140, 140, 0); + background-color: rgba(140, 140, 140, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #585858; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #8C8C8C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f9f9f9); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f4f4f4); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window rgba(148, 148, 148, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-grey.scss b/src/main/gtk-3.0/gtk-light-grey.scss new file mode 100644 index 0000000..c1e229e --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-grey.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-orange.css b/src/main/gtk-3.0/gtk-light-orange.css new file mode 100644 index 0000000..a6908fb --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-orange.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(233, 135, 58, 0); + background-color: rgba(233, 135, 58, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #87562f; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E9873A; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef9f5); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdf3eb); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window rgba(235, 143, 72, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-orange.scss b/src/main/gtk-3.0/gtk-light-orange.scss new file mode 100644 index 0000000..abcf63d --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-orange.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-pink.css b/src/main/gtk-3.0/gtk-light-pink.css new file mode 100644 index 0000000..008799b --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-pink.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(229, 94, 156, 0); + background-color: rgba(229, 94, 156, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #854160; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E55E9C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fceff5); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window rgba(231, 105, 163, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-pink.scss b/src/main/gtk-3.0/gtk-light-pink.scss new file mode 100644 index 0000000..a47be08 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-pink.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-purple.css b/src/main/gtk-3.0/gtk-light-purple.css new file mode 100644 index 0000000..c605a35 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-purple.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(154, 87, 163, 0); + background-color: rgba(154, 87, 163, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #5f3e64; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #9A57A3; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#faf7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f5eef6); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window rgba(161, 99, 169, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-purple.scss b/src/main/gtk-3.0/gtk-light-purple.scss new file mode 100644 index 0000000..d0e0d57 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-purple.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-red.css b/src/main/gtk-3.0/gtk-light-red.css new file mode 100644 index 0000000..0576cb7 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-red.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(237, 95, 93, 0); + background-color: rgba(237, 95, 93, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #894241; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #ED5F5D; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7f7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdefef); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window rgba(238, 106, 104, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-red.scss b/src/main/gtk-3.0/gtk-light-red.scss new file mode 100644 index 0000000..1736620 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-red.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.css b/src/main/gtk-3.0/gtk-light-solid-blue.css new file mode 100644 index 0000000..0f7e24e --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-blue.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(46, 124, 247, 0); + background-color: rgba(46, 124, 247, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #29508e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #2E7CF7; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f5f8ff); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#eaf2fe); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window #88b2f4; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.scss b/src/main/gtk-3.0/gtk-light-solid-blue.scss new file mode 100644 index 0000000..580d123 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-blue.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.css b/src/main/gtk-3.0/gtk-light-solid-green.css new file mode 100644 index 0000000..0f1a1fd --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-green.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(121, 183, 87, 0); + background-color: rgba(121, 183, 87, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #4f6e3e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #79B757; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f8fbf7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f2f8ee); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window #b0d29e; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.scss b/src/main/gtk-3.0/gtk-light-solid-green.scss new file mode 100644 index 0000000..fb69def --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-green.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.css b/src/main/gtk-3.0/gtk-light-solid-grey.css new file mode 100644 index 0000000..dcfd84c --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-grey.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(140, 140, 140, 0); + background-color: rgba(140, 140, 140, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #585858; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #8C8C8C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f9f9f9); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f4f4f4); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window #bababa; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.scss b/src/main/gtk-3.0/gtk-light-solid-grey.scss new file mode 100644 index 0000000..1f80428 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-grey.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.css b/src/main/gtk-3.0/gtk-light-solid-orange.css new file mode 100644 index 0000000..f74dd4c --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-orange.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(233, 135, 58, 0); + background-color: rgba(233, 135, 58, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #87562f; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E9873A; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef9f5); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdf3eb); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window #edb88e; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.scss b/src/main/gtk-3.0/gtk-light-solid-orange.scss new file mode 100644 index 0000000..bcbbcd7 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-orange.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.css b/src/main/gtk-3.0/gtk-light-solid-pink.css new file mode 100644 index 0000000..290639c --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-pink.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(229, 94, 156, 0); + background-color: rgba(229, 94, 156, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #854160; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E55E9C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fceff5); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window #eba2c3; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.scss b/src/main/gtk-3.0/gtk-light-solid-pink.scss new file mode 100644 index 0000000..48f81aa --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-pink.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.css b/src/main/gtk-3.0/gtk-light-solid-purple.css new file mode 100644 index 0000000..79710d1 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-purple.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(154, 87, 163, 0); + background-color: rgba(154, 87, 163, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #5f3e64; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #9A57A3; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#faf7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f5eef6); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window #c29ec7; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.scss b/src/main/gtk-3.0/gtk-light-solid-purple.scss new file mode 100644 index 0000000..056ba42 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-purple.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.css b/src/main/gtk-3.0/gtk-light-solid-red.css new file mode 100644 index 0000000..3e39b8d --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-red.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(237, 95, 93, 0); + background-color: rgba(237, 95, 93, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #894241; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #ED5F5D; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7f7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdefef); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window #efa2a1; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.scss b/src/main/gtk-3.0/gtk-light-solid-red.scss new file mode 100644 index 0000000..54a6682 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-red.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.css b/src/main/gtk-3.0/gtk-light-solid-yellow.css new file mode 100644 index 0000000..0552432 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-yellow.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(243, 186, 75, 0); + background-color: rgba(243, 186, 75, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #8c6f38; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #F3BA4B; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fefcf6); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fef8ed); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window #f2d397; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.scss b/src/main/gtk-3.0/gtk-light-solid-yellow.scss new file mode 100644 index 0000000..530734f --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid.scss b/src/main/gtk-3.0/gtk-light-solid.scss index 1e42200..a41210e 100644 --- a/src/main/gtk-3.0/gtk-light-solid.scss +++ b/src/main/gtk-3.0/gtk-light-solid.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'false'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-3.0/gtk-light-yellow.css b/src/main/gtk-3.0/gtk-light-yellow.css new file mode 100644 index 0000000..63700dd --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-yellow.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + 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-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(243, 186, 75, 0); + background-color: rgba(243, 186, 75, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -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; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #8c6f38; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #F3BA4B; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +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 row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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 > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fefcf6); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fef8ed); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view 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 { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view 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 { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group 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, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view 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 { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + 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-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + 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: #f0f0f0; + border-bottom-left-radius: 13px; +} + +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; +} + +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 { + background: none; +} + +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#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 > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +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; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.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; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.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) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +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 > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view: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; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +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 separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd 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-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + 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 .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window rgba(244, 191, 87, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-yellow.scss b/src/main/gtk-3.0/gtk-light-yellow.scss new file mode 100644 index 0000000..7fd7d17 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light.scss b/src/main/gtk-3.0/gtk-light.scss index eb5ee8f..c4310ef 100644 --- a/src/main/gtk-3.0/gtk-light.scss +++ b/src/main/gtk-3.0/gtk-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/other/dash-to-dock/stylesheet-dark.scss b/src/other/dash-to-dock/stylesheet-dark.scss index 2883a81..9a44f49 100644 --- a/src/other/dash-to-dock/stylesheet-dark.scss +++ b/src/other/dash-to-dock/stylesheet-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/other/dash-to-dock/stylesheet.scss b/src/other/dash-to-dock/stylesheet.scss index ddcd122..0fab594 100644 --- a/src/other/dash-to-dock/stylesheet.scss +++ b/src/other/dash-to-dock/stylesheet.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss index b84a4e8..2cb1f19 100644 --- a/src/sass/_colors.scss +++ b/src/sass/_colors.scss @@ -27,6 +27,39 @@ $light_divider_color: rgba(white, 0.15); $selected_fg_color: $light_fg_color; $selected_bg_color: $theme_color_default; + +@if $theme == 'blue' { + $selected_bg_color: $theme_color_blue; +} + +@if $theme == 'purple' { + $selected_bg_color: $theme_color_purple; +} + +@if $theme == 'pink' { + $selected_bg_color: $theme_color_pink; +} + +@if $theme == 'red' { + $selected_bg_color: $theme_color_red; +} + +@if $theme == 'orange' { + $selected_bg_color: $theme_color_orange; +} + +@if $theme == 'yellow' { + $selected_bg_color: $theme_color_yellow; +} + +@if $theme == 'green' { + $selected_bg_color: $theme_color_green; +} + +@if $theme == 'grey' { + $selected_bg_color: $theme_color_grey; +} + $primary_color: $selected_bg_color; $selected_borders_color: darken($selected_bg_color, 10%);